@charset "UTF-8";
@import url(https://p.typekit.net/p.css?s=1&k=uks4cxo&ht=tk&f=14032.14033.14034.14035.28490&a=4542672&app=typekit&e=css);

@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/90ce96/00000000000000003b9b0329/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/90ce96/00000000000000003b9b0329/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/90ce96/00000000000000003b9b0329/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/3e6f7f/00000000000000003b9b032c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/3e6f7f/00000000000000003b9b032c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/3e6f7f/00000000000000003b9b032c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: mrs-eaves-xl-serif;
    src: url(https://use.typekit.net/af/285b02/00000000000000003b9adc13/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/285b02/00000000000000003b9adc13/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/285b02/00000000000000003b9adc13/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

.tk-aktiv-grotesk {
    font-family: aktiv-grotesk, sans-serif
}

.tk-mrs-eaves-xl-serif {
    font-family: mrs-eaves-xl-serif, serif
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

#profile-link {
    background: url(../assets/images/trust-logo.svg);
    height: 100px;
    width: 120px
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role="group"] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0;
    border: 0
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: 0
}

.select2-container--classic .select2-dropdown--below {
    border-top: 0
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role="group"] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 25, 2019 */
/*! VARIABLES */
@font-face {
    font-family: hwdavidregular;
    src: url(../css/fonts/scarlett-busiat.ttf)
}

@font-face {
    font-family: icomoon;
    src: url("../css/fonts/icomoon.eot");
    src: url("fonts/icomoon.eot") format("embedded-opentype"), url(fonts/icomoon.woff2) format("woff2"), url(fonts/icomoon.ttf) format("truetype"), url(fonts/icomoon.woff) format("woff"), url("fonts/icomoon.svg") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

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

.icon-pinterest:before {
    content: "\e907"
}

.icon-instagram:before {
    content: "\e908"
}

.icon-linkedin:before {
    content: "\e909"
}

.icon-twitter:before {
    content: "\e90a"
}

.icon-facebook:before {
    content: "\e906"
}

.icon-close-x:before {
    content: "\e90d"
}

.icon-search:before {
    content: "\e90c"
}

.icon-dot:before {
    content: "\e90b"
}

.icon-social-bg:before {
    content: "\e905"
}

.icon-google:before {
    content: "\e904"
}

.icon-apple:before {
    content: "\e903"
}

.icon-chevron-right:before {
    content: "\e901"
}

.icon-chevron-left:before {
    content: "\e902"
}

.icon-chevron-down:before {
    content: "\e900"
}

/*! SETUP */
body,
html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
p,
span,
ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-size: 100%;
    font-family: aktiv-grotesk, sans-serif;
    font-size: 21px;
    color: #020f14
}

body ::selection {
    background: #1B69C5;
    color: #fff
}

body ::-moz-selection {
    background: #1B69C5;
    color: #fff
}

.global,
section {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 50px
}

.contentContainer {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto
}

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

nav li,
nav ul {
    margin: 0;
    list-style: none;
    list-style-image: none
}

li {
    break-inside: avoid
}

a,
a:active,
a:visited {
    text-decoration: none
}

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

input {
    padding: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

button,
input,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0;
    margin-top: -4px
}

textarea {
    resize: none
}

:focus {
    outline: 0
}

button:focus {
    outline: 0
}

button,
input {
    border: 0;
    background: 0
}

button {
    cursor: pointer
}

.vline-div {
    padding: 0 5px
}

.sidepad {
    padding-left: 50px;
    padding-right: 50px
}

.sidepadM {
    padding-left: 25px;
    padding-right: 25px
}

.nopad {
    padding-left: 0;
    padding-right: 0
}

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

.valign {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.valign-l {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.valign-r {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.valign-b {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.break {
    display: block;
    width: 0;
    height: 0;
    flex-basis: 100%
}

.abs-fill {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.abs {
    position: absolute;
    left: 0;
    top: 0
}

.absr {
    position: absolute;
    right: 0;
    top: 0
}

.abs-cen {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.abs-cenv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cenv {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.fixed {
    position: fixed;
    top: 0;
    left: 0
}

.bgcover {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

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

.inline-t {
    display: inline-block;
    vertical-align: top
}

.noshrink {
    -webkit-flex-shrink: 0;
    -ms-flex: -1;
    flex-shrink: 0
}

.allowgrow {
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1
}

.no-breakout {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word
}

.boost-accel {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.noflicker {
    -webkit-transform-style: preserve-3d
}

.overflow-anim {
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.div-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.spacer {
    width: 100%;
    height: auto;
    display: block
}

.filler {
    visibility: hidden
}

.mob {
    display: none
}

.break {
    content: "\A";
    white-space: pre-line;
    display: none
}

.col,
.txt {
    position: relative
}

.row {
    width: 100%;
    position: relative
}

.upc {
    text-transform: uppercase
}

svg {
    position: absolute
}

body>svg {
    width: 0;
    height: 0
}

.flipX {
    transform: scaleX(-1)
}

.flipY {
    transform: scaleY(-1)
}

.flipXY {
    transform: scale(-1)
}

.rotate-text {
    position: absolute;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    top: 50%;
    left: 50%
}

.fpo {
    background-color: rgba(255, 0, 0, 0.2)
}

.fpo2 {
    background-color: rgba(0, 0, 255, 0.2)
}

.spaced {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.spaced-c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.spaced-t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.showflex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    z-index: 60;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.blanket {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1B69C5;
    opacity: .95;
    z-index: 1
}

.overlayWrap {
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transform: translateZ(0);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 30
}

.overlayWrap .contentContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    height: auto;
    min-height: 100%
}

.gridline {
    width: 1px;
    height: 100%;
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 100;
    background-color: red;
    opacity: .2;
    pointer-events: none;
    display: none
}

.gridline.l {
    left: 50px
}

.gridline.r {
    left: auto;
    right: 50px
}

.gridline.ml {
    margin-left: -600px
}

.gridline.mr {
    margin-left: 600px
}

.crosshairs:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 100%;
    border-left: 1px solid red;
    z-index: 50
}

.crosshairs:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: 50%;
    height: 0;
    width: 100%;
    border-top: 1px solid red;
    z-index: 50
}

.part {
    position: absolute;
    left: 0;
    top: 0
}

.part img {
    width: 100%;
    height: auto;
    display: block
}

.part-wrap {
    position: absolute;
    overflow: hidden
}

.sized img {
    width: 100%;
    height: auto;
    display: block
}

.bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.background {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.background .base {
    position: relative
}

.background .base img {
    width: 100%;
    height: auto;
    display: block
}

.background .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.background .layer img {
    width: 100%;
    height: auto;
    display: block
}

.background.cn {
    width: 1800px;
    left: 50%;
    margin-left: -900px
}

.full-btn>a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.tc {
    transform-origin: center top
}

.tl {
    transform-origin: left top
}

.tr {
    transform-origin: right top
}

.cl {
    transform-origin: left center
}

.cr {
    transform-origin: right center
}

.bc {
    transform-origin: bottom center
}

/*! - GLOBAL ***************************** */
/*! - GLOBAL: 0 REUSE */
.global h1,
.global h2,
section h1,
section h2 {
    font: 400 48px/1.12 mrs-eaves-xl-serif, serif
}

.global h2,
section h2 {
    margin-bottom: 30px
}

.global h3,
section h3 {
    font: 400 24px/1.375 mrs-eaves-xl-serif, serif
}

.global p,
section p {
    line-height: 1.9
}

.global p a,
section p a {
    color: #1B69C5;
    font-weight: 700
}

.global p+p,
section p+p {
    margin-top: 25px
}

.global header,
section header {
    text-align: center
}

.dark {
    color: #fff
}

.short-caps {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    text-transform: uppercase
}

.cta-btn {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    text-transform: uppercase;
    color: #fff;
    padding: 22px 26px;
    text-align: center;
    display: inline-block;
    position: relative
}

.cta-btn.orange {
    background-color: #1B69C5
}

.cta-btn.black {
    background-color: #020f14
}

.cta-btn.sm {
    padding: 18px 26px
}

.cta-btn span {
    position: relative;
    z-index: 1
}

.cta-btn.hasIcon {
    padding-right: 70px;
    max-height: 58px
}

.cta-btn .icon-wrap {
    width: 32px;
    height: 32px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -16px
}

.cta-btn .icon-wrap .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 32px auto
}

.cta-btn .icon-wrap .icon {
    color: #020f14;
    font-size: 14px;
    line-height: 34px;
    margin-left: 2px;
    position: relative;
    display: inline-block
}

.cta-btn .icon-wrap .arrow-line {
    position: absolute;
    left: 0;
    top: 0;
    left: -7px;
    transform-origin: right center;
    width: 12px;
    height: 2px;
    top: 50%;
    margin-top: -2px;
    border-radius: 8px;
    background-color: #020f14;
    transform: scaleX(0)
}

.cta-group {
    font-size: 0
}

.cta-group a {
    display: inline-block;
    vertical-align: top;
    margin-right: 36px
}

.cta-group a:last-child {
    margin-right: 0
}

p+.cta-btn {
    margin-top: 45px
}

.social-links li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 47px;
    height: 47px;
    border-radius: 47px;
    position: relative
}

.social-links li~li {
    margin-left: 9px
}

.social-links li .icon-bg {
    color: #696169;
    font-size: 47px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.social-links li .icon {
    font-size: 20px;
    color: #fff;
    line-height: 47px;
    position: relative
}

.social-links li .icon-pinterest {
    font-size: 22px
}

.social-links li a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.dot-nav {
    width: 100%;
    text-align: center;
    font-size: 0
}

.dot-nav .dot-btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 3px
}

.dot-nav .dot-btn .icon-dot {
    font-size: 7px;
    color: #1B69C5;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.dot-nav .dot-btn+.dot-btn {
    margin-left: 3px
}

.dot-nav .dot-btn.on .icon-dot {
    color: #fff
}

.hw-font {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: visible;
    line-height: .1
}

.hw-font.mob {
    display: none
}

.uline-wrap {
    position: relative
}

.uline-wrap .underline {
    position: absolute;
    left: 2px;
    bottom: -8px;
    width: 100%;
    height: 6px
}

.uline-wrap .underline img {
    width: 100%;
    height: auto;
    display: block;
    height: 6px
}

.tape {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -15px;
    width: 86px
}

.tape-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 2;
    pointer-events: none
}

.tape-wrap>div {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.tape-wrap.full {
    height: 100%
}

.tape-wrap .tape {
    margin: 0;
    transform: none
}

.tape-wrap .tape[data-num="1"] {
    left: 0
}

.tape-wrap .tape[data-num="2"] {
    left: auto;
    right: 0
}

.tape-wrap .tape[data-num="3"] {
    left: 0;
    top: auto;
    bottom: -15px
}

.tape-wrap .tape[data-num="4"] {
    left: auto;
    right: 0;
    top: auto;
    bottom: -15px
}

.image-tape {
    position: relative
}

.slide-controls {
    margin-top: 15px;
    text-align: center
}

.slide-controls .slide-count {
    font-size: 13px;
    padding: 0 40px;
    position: relative
}

.slide-controls .slide-count>* {
    display: inline-block;
    vertical-align: middle
}

.arrow-btn,
.close-btn {
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: block;
    text-align: center;
    position: relative;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.arrow-btn .bg,
.close-btn .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.arrow-btn .bg svg,
.close-btn .bg svg {
    left: 0;
    top: 0
}

.arrow-btn .bg path,
.close-btn .bg path {
    fill: #1B69C5
}

.arrow-btn .icon,
.close-btn .icon {
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    margin-left: 3px;
    display: inline-block;
    position: relative
}

.arrow-btn.left,
.close-btn.left {
    left: -5px;
    transform: scaleX(-1)
}

.arrow-btn.right,
.close-btn.right {
    right: -5px
}

.arrow-btn.off,
.close-btn.off {
    opacity: .1;
    pointer-events: none
}

.arrow-btn .arrow-line,
.close-btn .arrow-line {
    position: absolute;
    left: 0;
    top: 0;
    left: -7px;
    transform-origin: right center;
    width: 14px;
    height: 3px;
    top: 50%;
    margin-top: -2px;
    border-radius: 8px;
    background-color: #fff;
    transform: scale(0) translateY(0.5px)
}

.close-btn .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 44px auto
}

.pad-wrap {
    padding-left: 50px;
    padding-right: 50px
}

.contentContainer.pad-wrap {
    max-width: 1300px
}

/*! - GLOBAL: 0a LAYOUT */
#tier-hero {
    padding-top: 155px;
    padding-right: 0;
    padding-left: 0
}

.write_ban {
    padding-top: 0 !important
}

#tier-hero h1+p {
    margin-top: 20px
}

#tier-hero .contentContainer {
    height: auto
}

.white-header header:not(.sticky) .logo.sized.dsk {
    filter: invert(1)
}

.white-header header:not(.sticky) .toplinks .top>li>a {
    color: #fff
}

.white-header header:not(.sticky) .toplinks .hasSub .icon {
    color: #fff
}

.module-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.module-grid .module {
    width: 47.5%;
    max-width: 515px;
    margin-bottom: 75px;
    background-color: #fafaf7;
    text-align: center
}

.module-grid .module .txt {
    padding: 23px 25px 45px
}

.module-grid .module .txt p {
    font-size: 16px
}

.module-grid .module .thumb {
    width: 100%;
    height: 300px;
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

.card-border {
    position: relative
}

.card-border .card-inner {
    border: 3px solid #020f14;
    background-color: #fff;
    position: relative
}

.card-border .card-inner p {
    font-size: 16px
}

.shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 730px
}

.shape-wrap {
    position: relative
}

.shape-bg-wrap {
    width: 100%;
    height: 730px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.app-container {
    background-color: #433a44;
    padding: 0 0 108px;
    overflow: visible;
    z-index: 2
}

.app-container .contentContainer {
    margin-top: -20px
}

.app-container h2 {
    margin-bottom: 16px
}

.app-container h2 .hw-font {
    font-family: hwmasonregular;
    font-size: 115px;
    transform: translateY(0)
}

.app-container .shape-bg-wrap {
    height: 907px
}

.app-container .shape-wrap {
    width: 100%;
    height: 907px;
    position: relative;
    background-color: #fff
}

.app-container .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: 363px;
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#app-masker");
    -webkit-clip-path: url("#app-masker");
    background-color: #433a44
}

.app-container .phone-row-wrap {
    text-align: right
}

.app-container .phone-row {
    display: inline-flex;
    max-width: 1050px
}

.app-container .phone-row .col.text {
    width: 58%;
    text-align: left;
    padding-bottom: 165px
}

.app-container .phone-row .col.text p {
    max-width: 480px
}

.app-container .phone-row .col.image {
    padding-right: 68px;
    width: 42%;
    height: 640px
}

.app-container .phone-row .col.image .inner {
    max-width: 522px;
    height: 640px;
    text-align: right
}

.app-container .phone-row .col .hw-font {
    padding-left: 5px
}

.app-container .bg-wrap[data-num="1"] {
    height: 1650px
}

.app-container .dline {
    width: 1156px;
    left: -277px;
    top: 402px
}

.app-container .cta-group {
    margin-top: 37px
}

.app-container .cta-group .cta-btn {
    text-align: center;
    margin-bottom: 15px
}

.app-container .cta-group .icon {
    font-size: 30px
}

.app-container .phone-wrap {
    position: relative;
    max-width: 301px;
    margin-top: -67px;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.app-container .phone-wrap img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.app-container .phone-wrap .phone-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    transform-origin: top left
}

.app-container .phone-wrap .sizer {
    visibility: hidden
}

.app-container .phone-wrap .base {
    position: relative;
    z-index: 3
}

.app-container .phone-wrap .shadow {
    width: 374px;
    top: auto;
    bottom: -10px;
    left: 0
}

.app-container .phone-wrap .phone-screens {
    width: 283px;
    height: 610px;
    position: absolute;
    left: 19px;
    top: 15px;
    border-radius: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #020f14;
    overflow: hidden
}

.app-container .phone-wrap .phone-screen-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 610px;
    overflow: visible
}

.app-container .phone-wrap .phone-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 283px
}

.app-container .phone-wrap .phone-screen img {
    width: 100%;
    height: auto;
    display: block
}

.app-container .dot-wrap {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin-top: 20px;
    display: inline-block
}

.app-container .pen {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-thumb {
    position: relative
}

.blog-thumb time {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    margin-bottom: 28px;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

.blog-thumb .uline-wrap .underline {
    bottom: -15px;
    width: 115%
}

.blog-thumb h3 {
    line-height: 1.38
}

.blog-thumb p {
    font-size: 16px
}

.blog-thumb h3+p {
    margin-top: 14px
}

.blog-thumb>a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.blog-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.blog-grid.mob {
    display: none
}

.blog-grid .blog-col {
    width: 47.5%;
    max-width: 515px
}

.blog-grid .blog-col.right {
    padding-top: 25px
}

.blog-grid .blog-thumb {
    background-color: #dceaff
}

.blog-grid .blog-thumb+.blog-thumb {
    margin-top: 17%
}

.blog-grid .blog-thumb .txt {
    padding: 20px 35px 30px;
    padding-right: 50px;
    background-color: #dceaff
}

.blog-grid .blog-thumb .thumb {
    width: 100%;
    height: 290px;
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

.blog-grid .blog-thumb .hover-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden
}

.blog-grid .blog-thumb .thumb-hover {
    padding: 0 35px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    visibility: hidden;
    background-color: #dceaff
}

.blog-grid .blog-thumb .thumb-hover p {
    position: relative;
    transform: translateY(-15px)
}

.quote-wrap .txt {
    max-width: 435px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.quote-wrap cite {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    text-transform: uppercase;
    font-style: normal;
    display: inline-block;
    margin-top: 40px
}

.quote-wrap .quote {
    position: absolute;
    width: 34px
}

.quote-wrap .quote img {
    width: 100%;
    height: auto;
    display: block
}

.quote-wrap .quote.left {
    left: 58px;
    top: 45px
}

.quote-wrap .quote.right {
    right: 45px;
    bottom: 62px;
    transform: scale(-1)
}

.compare-table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-top: 78px
}

.compare-table p {
    font-size: 16px
}

.compare-table .col {
    width: 33%;
    text-align: center
}

.compare-table .col.featured {
    width: 34%;
    position: relative;
    top: -20px
}

.compare-table .col.featured .inner {
    color: #1B69C5;
    background-color: #fafaf7;
    border: 3px solid #020f14;
    position: relative
}

.compare-table .col.featured .featured-inner {
    padding: 17px 20px 0
}

.compare-table .col.featured .featured-inner .table-row {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    border-color: rgba(248, 94, 73, 0.5);
    padding-left: 0;
    padding-right: 0
}

.compare-table .col.featured .featured-inner .table-row:first-child {
    border-top: 0
}

.compare-table .col.featured .featured-inner .table-row:last-child {
    border-bottom: 0
}

.compare-table .col.featured .icon-h {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -24px;
    width: 48px;
    z-index: 2
}

.compare-table .col.featured .line-top {
    width: 100%;
    max-width: 163px;
    left: -5px;
    top: -6px
}

.compare-table .col.featured .line-side {
    width: 17px;
    left: auto;
    right: -4px;
    top: auto;
    bottom: 0
}

.compare-table .col.featured .line-bot {
    width: 100%;
    max-width: 242px;
    left: auto;
    right: -2px;
    top: auto;
    bottom: -4px
}

.compare-table .col.labels .table-row {
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    border-left: 1px solid rgba(2, 15, 20, 0.15)
}

.compare-table .col.other .table-row {
    border-right: 1px solid rgba(2, 15, 20, 0.15)
}

.compare-table .table-row {
    border-top: 1px solid rgba(2, 15, 20, 0.15);
    padding: 10px 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.compare-table .table-row:last-child {
    border-bottom: 1px solid rgba(2, 15, 20, 0.15)
}

.compare-table .table-row.tall,
.compare-table .table-row.title {
    padding: 28px 22px
}

.compare-table .table-row.cta {
    padding: 0;
    border: 0;
    display: block
}

.compare-table .table-row.cta a {
    width: 100%;
    height: 100%;
    padding: 36px 15px;
    background-color: #1B69C5;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.featured-photo {
    width: 100%;
    max-width: 1383px;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

.featured-photo-wrap {
    position: relative
}

#page-generic h1 {
    margin-bottom: 50px
}

#page-generic #main {
    padding-bottom: 200px
}

#page-generic #main *+* {
    margin-top: 30px
}

#page-generic #main p {
    font-size: 16px
}

#page-generic #main p+p {
    margin-top: 20px
}

#page-generic #main li {
    font-size: 16px;
    line-height: 1.9
}

#page-generic #main h2 {
    font: 400 24px/1.375 mrs-eaves-xl-serif, serif;
    color: #1B69C5;
    margin-bottom: 15px
}

#page-generic #main h2+* {
    margin-top: 0
}

#page-generic #main h2+h3 {
    margin-top: 20px
}

#page-generic #main h3 {
    font: 700 16px/1.9 aktiv-grotesk, sans-serif;
    margin-bottom: 15px
}

#page-generic #main h3+* {
    margin-top: 0
}

#page-generic #main a {
    color: #1B69C5;
    font-weight: 700
}

#page-generic #main img {
    max-width: 100% !important;
    width: 100%;
    height: auto;
    display: block
}

#page-generic #main *+ul {
    margin-top: 30px
}

#page-generic #main ul {
    margin-left: 50px;
    list-style: none
}

#page-generic #main ul li {
    text-indent: -1.1em
}

#page-generic #main ul li:before {
    content: "• ";
    color: #1B69C5;
    margin-right: 10px
}

#page-generic #main ul li+li {
    margin-top: 5px
}

/*! - GLOBAL: 1 LOADER */
/*! - GLOBAL: 2 HEADER */
#globalHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 20;
    overflow: visible;
    height: 1px
}

#globalHeader .logo {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: preserve-3d
}

#globalHeader .logo.dsk {
    left: 0;
    top: 10px;
    width: 240px;
    -webkit-transition: all .3s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .3s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .3s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .3s cubic-bezier(0.5, 0, 0.5, 1);
    z-index: 0
}

#globalHeader .logo.stk {
    left: 0;
    top: 15px;
    width: 54px;
    opacity: 0;
    transform: translateY(-80px);
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

#globalHeader .logo.stk .logo-dot {
    position: absolute;
    left: 80px;
    top: 5px;
    width: 160px;
    height: 75px
}

#globalHeader .logo.stk .logo-h1 {
    width: 5px;
    height: 29px;
    left: 20px;
    top: 12px
}

#globalHeader .logo.stk .logo-h2 {
    width: 16px;
    height: 17px;
    left: 24px;
    top: 24px
}

#globalHeader.sticky .sticky-bar {
    transform: translateY(0)
}

#globalHeader.sticky .logo.dsk {
    opacity: 0;
    transform: translateY(-40px)
}

#globalHeader.sticky .logo.stk {
    opacity: 1;
    transform: translateY(0)
}

#globalHeader.sticky .toplinks {
    transform: translateY(-39px)
}

#globalHeader.sticky .cta-items {
    transform: translateY(-5px)
}

#globalHeader .sticky-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 0;
    transform: translateY(-100%);
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

#globalHeader .subnav {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 36px;
    width: 254px;
    opacity: 0;
    display: none;
    transform-origin: center top
}

#globalHeader .subnav>div {
    position: relative
}

#globalHeader .subnav ul {
    border: 3px solid #020f14;
    text-align: left;
    background-color: #fff;
    position: relative
}

#globalHeader .subnav li {
    display: block;
    position: relative
}

#globalHeader .subnav li a {
    padding: 17px 20px
}

#globalHeader .subnav li a.hide {
    display: none
}

#globalHeader .subnav li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

#globalHeader .subnav .part {
    z-index: 0;
    pointer-events: none
}

#globalHeader .subnav .line-top {
    width: 162px;
    left: 0;
    top: -3px
}

#globalHeader .subnav .line-left {
    width: 18px;
    height: 65%;
    max-height: 171px;
    left: -3px
}

#globalHeader .subnav .line-left img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#globalHeader .subnav .line-right {
    width: 18px;
    height: 92%;
    left: auto;
    top: auto;
    right: -4px;
    bottom: 0
}

#globalHeader .subnav .line-right img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#globalHeader .subnav .line-bot {
    width: 93%;
    height: 16px;
    left: 6%;
    top: auto;
    bottom: -2px
}

#globalHeader .subsubnav {
    position: absolute;
    left: 248px;
    top: -2px;
    width: 254px;
    opacity: 0;
    display: none;
    transform-origin: center top
}

#globalHeader .subsubnav li {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cta-items,
.toplinks {
    display: inline-block;
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

.cta-items a:not(.cta-btn),
.toplinks a:not(.cta-btn) {
    display: block;
    position: relative;
    font-size: 15px;
    color: #020f14
}

.toplinks {
    padding-top: 44px;
    position: relative;
    left: 200px !important
}

.toplinks .top>li {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.toplinks .top>li>a {
    color: #020f14;
    position: relative
}

.toplinks .top>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: -15px;
    width: 100%;
    height: 50px
}

.toplinks .top>li+li {
    margin-left: 20px
}

.toplinks .hasSub .icon {
    font-size: 8px;
    color: #020f14;
    margin-left: 5px;
    position: relative;
    top: -1px;
    display: inline-block;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.toplinks .hasSub>a {
    position: relative;
    z-index: 2
}

.toplinks .underline {
    bottom: -13px;
    pointer-events: none;
    opacity: 0;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: all .75s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .75s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .75s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .75s cubic-bezier(0.5, 0, 0.5, 1)
}

.toplinks .underline.on {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

.toplinks .underline img {
    transform: rotate(2deg)
}

.toplinks .hasSubSub .icon {
    font-size: 15px
}

#globalHeader .hasSubSub .icon {
    position: absolute;
    right: 15px;
    top: 20px
}

#globalMenu .subsubnav {
    margin-left: 25px
}

.cta-items {
    position: absolute;
    top: 20px;
    right: 71px;
    text-align: right
}

.cta-items li {
    display: inline-block;
    vertical-align: middle
}

.cta-items li+li {
    margin-left: 30px
}

/*! - GLOBAL: 3 FOOTER */
.social-links {
    margin-top: -10px
}

#globalFooter {
    padding-top: 75px;
    padding-bottom: 40px;
    background-color: #433a44;
    overflow: visible;
    z-index: 2;
    padding-right: 90px;
    padding-left: 90px;
    background-image: url("../images/fotter-bg.svg");
    background-size: cover;
    background-repeat: no-repeat
}

#globalFooter::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #433a44c7;
    z-index: -1
}

#globalFooter .contentContainer {
    overflow: hidden;
    padding-top: 35px
}

#globalFooter li:not(.cta),
#globalFooter p {
    font-size: 15px;
    line-height: 1.8
}

#globalFooter .icon,
#globalFooter a,
#globalFooter li,
#globalFooter p {
    color: #fff
}

.no-fliter {
    filter: inherit !important
}

#globalFooter p a {
    font-weight: 400
}

#globalFooter .vline-div {
    padding: 0 10px
}

#globalFooter .icon-h {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -34px;
    width: 100px
}

#globalFooter .icon-h img {
    border-radius: 50%
}

#globalFooter .logo {
    width: 100%;
    max-width: 224px;
    height: auto;
    display: block
}

#globalFooter .seal {
    width: 113px;
    height: auto;
    margin-top: 58px
}

#globalFooter .seal.mob {
    display: none
}

#globalFooter .row.main {
    margin-top: 50px
}

#globalFooter .row.main .col {
    display: inline-block
}

#globalFooter .row.main .col[data-num="1"] {
    width: 19%
}

#globalFooter .row.main .col[data-num="2"] {
    width: 20%;
    max-width: 170px
}

#globalFooter .row.main .col[data-num="3"] {
    width: 22%
}

#globalFooter .row.main .col[data-num="4"] {
    width: 120px;
    -webkit-flex-shrink: 0;
    -ms-flex: -1;
    flex-shrink: 0
}

#globalFooter .row.main ul {
    list-style: none
}

#globalFooter .row.main .title-li {
    font: 400 24px/1 mrs-eaves-xl-serif, serif;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 22px
}

#globalFooter .row.main li+li {
    margin-top: 10px
}

#globalFooter .row.main .apps {
    margin-bottom: 30px
}

#globalFooter .row.main .hasIcon a {
    display: block
}

#globalFooter .row.main .hasIcon+.hasIcon {
    margin-top: 35px
}

#globalFooter .row.main .icon-apple {
    font-size: 31px
}

#globalFooter .row.main .icon-google {
    font-size: 29px
}

#globalFooter .row.social {
    margin: 0;
    margin-top: 60px
}

#globalFooter .row.social .icon {
    color: #fff
}

#globalFooter .row.social .cta-items {
    position: relative;
    top: auto;
    right: auto
}

#globalFooter .row.social .cta-items .cta-btn {
    color: #fff
}

#globalFooter .row.legal {
    margin-top: 30px
}

#globalFooter .row.legal li,
#globalFooter .row.legal p {
    font-size: 14px
}

#globalFooter .row.legal .credit {
    margin-top: 0
}

.huww-title {
    font-size: 15.8px !important
}

.huww-link {
    font-size: 15.2px !important
}

.subscribe-wrap {
    width: 100%;
    max-width: 490px;
    margin: 0 auto
}

.subscribe-wrap h3 {
    font-size: 38px;
    margin-bottom: 24px;
    color: #fff;
    text-align: center
}

.subscribe-wrap .thank-you {
    position: absolute;
    left: 0;
    top: 0;
    top: -4px;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.subscribe-wrap .thank-you p {
    color: #fff !important;
    font-size: 15px
}

[id^="subscribe-form"] ::-webkit-input-placeholder {
    color: #1B69C5;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

[id^="subscribe-form"] :-moz-placeholder {
    color: #1B69C5;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

[id^="subscribe-form"] ::-moz-placeholder {
    color: #1B69C5;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

[id^="subscribe-form"] :-ms-input-placeholder {
    color: #1B69C5;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

[id^="subscribe-form"] input:-webkit-autofill,
[id^="subscribe-form"] input:-webkit-autofill:active,
[id^="subscribe-form"] input:-webkit-autofill:focus,
[id^="subscribe-form"] input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #433a44 inset;
    -webkit-text-fill-color: #1B69C5
}

[id^="subscribe-form"] input[type="email"] {
    font: 400 15px/50px aktiv-grotesk, sans-serif;
    color: #1B69C5;
    width: 100%
}

[id^="subscribe-form"] .email-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

[id^="subscribe-form"] .email-wrap.error ::-webkit-input-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

[id^="subscribe-form"] .email-wrap.error :-moz-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

[id^="subscribe-form"] .email-wrap.error ::-moz-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

[id^="subscribe-form"] .email-wrap.error :-ms-input-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

[id^="subscribe-form"] .email-wrap.error input[type="email"] {
    color: #ff0062
}

[id^="subscribe-form"] .email-wrap.error .uline-wrap .underline path {
    fill: #ff0062
}

[id^="subscribe-form"].sending .cta-btn {
    pointer-events: none;
    opacity: .5
}

[id^="subscribe-form"] .cta-btn {
    width: 29%
}

[id^="subscribe-form"] .input-wrap {
    width: 68%;
    max-width: 335px;
    top: -5px
}

[id^="subscribe-form"] .uline-wrap .underline {
    bottom: -5px;
    height: 8px
}

[id^="subscribe-form"] .uline-wrap .underline img {
    height: 8px
}

[id^="subscribe-form"] .uline-wrap .underline svg {
    width: 100%;
    height: 100%;
    display: block
}

[id^="subscribe-form"] .uline-wrap .underline path {
    fill: #1B69C5;
    -webkit-transition: fill .3s linear;
    -moz-transition: fill .3s linear;
    -o-transition: fill .3s linear;
    transition: fill .3s linear
}

#cookies-overlay {
    height: 180px;
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 30;
    display: block;
    opacity: 1
}

#cookies-overlay .blanket,
#cookies-overlay .overlayWrap {
    position: absolute
}

#cookies-overlay .overlayWrap {
    overflow: hidden
}

#cookies-overlay .cookies-modal {
    padding: 25px;
    text-align: center;
    position: relative
}

#cookies-overlay .cookies-modal .txt {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    position: relative
}

#cookies-overlay .cookies-modal .txt p {
    font-size: 16px;
    line-height: 1.8;
    color: #fff
}

#cookies-overlay a {
    color: #fff
}

#cookies-overlay .close-btn {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 20px
}

#cookies-overlay .close-btn span {
    font-size: 14px;
    color: #020f14;
    display: block
}

#cookies-overlay .cta-items {
    margin-top: 20px;
    position: relative;
    top: auto;
    text-align: center;
    right: auto
}

/*! - GLOBAL: 4 MENU */
#globalMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 30;
    overflow: visible;
    display: none;
    height: 1px
}

#globalMenu .menu-btn {
    width: 52px;
    height: 51px;
    position: absolute;
    right: 50px;
    top: 21px;
    background-color: #1B69C5;
    cursor: pointer;
    z-index: 2;
    transform: translateY(22px);
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

#globalMenu .menu-line {
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    border-radius: 15px;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    top: 50%;
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

#globalMenu .menu-line.top {
    transform: translate3d(0, -9px, 0)
}

#globalMenu .menu-line.mid {
    transform-origin: center center
}

#globalMenu .menu-line.bot {
    transform: translate3d(0, 9px, 0)
}

#globalMenu.sticky .menu-btn {
    transform: translateY(-6px)
}

#globalMenu.sticky .cta-items.tab {
    transform: translateY(-28px)
}

#globalMenu.expanded {
    width: 100%;
    height: 100%
}

#globalMenu.expanded .menu-wrap {
    display: block
}

#globalMenu.open .menu-line.top {
    transform: rotate(45deg) translate3d(0, 0, 0)
}

#globalMenu.open .menu-line.mid {
    transform: scaleX(0)
}

#globalMenu.open .menu-line.bot {
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

#globalMenu .menu-scroller {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#globalMenu .menu-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #dceaff;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    display: none
}

#globalMenu .menu-inner {
    padding: 25px 25px 35px;
    background-color: #dceaff
}

#globalMenu .menu-contents {
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    text-align: left
}

#globalMenu .menu-contents .toplinks {
    padding-top: 30px;
    left: 0
}

#globalMenu .menu-contents .top>li {
    display: block
}

#globalMenu .menu-contents .top>li+li {
    margin-left: 0;
    margin-top: 35px
}

#globalMenu .menu-contents .top>li>a {
    font-size: 21px
}

#globalMenu .menu-contents .subnav {
    padding-left: 20px;
    height: 0;
    overflow: hidden
}

#globalMenu .menu-contents .subnav ul {
    padding-top: 22px
}

#globalMenu .menu-contents .subnav li a {
    font-size: 18px;
    opacity: .6
}

#globalMenu .menu-contents .subnav li+li {
    margin-top: 20px
}

#globalMenu .menu-contents .cta-items {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 35px;
    display: none;
    text-align: left
}

#globalMenu .menu-contents .cta-items li+li {
    margin-left: 25px
}

#globalMenu .menu-contents .logo {
    width: 178px;
    margin: 30px 0 70px 25px
}

#globalMenu .menu-contents .row {
    width: 100%;
    max-width: 915px;
    margin: 0 auto
}

#globalMenu .menu-contents .connect {
    max-width: 517px;
    padding-top: 30px
}

#globalMenu .menu-contents .connect .menu-photo {
    position: relative;
    overflow: visible;
    margin-top: 95px
}

#globalMenu .menu-contents .connect h3 {
    margin-bottom: 22px
}

#globalMenu .menu-contents .connect p {
    font-size: 16px
}

#globalMenu .menu-contents .connect a {
    color: #020f14;
    font-weight: 400
}

#globalMenu .menu-contents .connect .col {
    display: inline-block
}

#globalMenu .menu-contents .dline {
    width: 534px;
    left: 50%;
    margin-left: -175px;
    top: 630px
}

#globalMenu .subscribe-wrap {
    padding: 35px 25px 45px;
    position: relative;
    width: 100%;
    max-width: none;
    overflow: hidden;
    display: none
}

#globalMenu .subscribe-wrap .seal {
    width: 100%;
    max-width: 113px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block
}

#globalMenu .subscribe-wrap .thank-you {
    top: auto;
    bottom: 10px
}

#globalMenu .subscribe-wrap .bg-shape {
    width: 1024px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #dceaff
}

#globalMenu .subscribe-wrap .subscribe-form {
    position: relative
}

#globalMenu .subscribe-wrap .email-wrap {
    width: 100%;
    max-width: 490px;
    margin: 0 auto
}

#globalMenu .cta-items.tab {
    right: 133px;
    top: 43px;
    z-index: 2;
    display: block
}

/*! - GLOBAL: 5 FORMS */
.form-wrap {
    position: relative
}

.form-wrap .inner {
    text-align: center;
    border: 3px solid #020f14;
    background-color: #fff;
    position: relative;
    padding: 32px 28px 20px;
    z-index: 1
}

.form-wrap .cta-btn {
    margin-top: 46px;
    min-width: 141px;
    text-align: center
}

.form-wrap .global-form input:-webkit-autofill,
.form-wrap .global-form input:-webkit-autofill:active,
.form-wrap .global-form input:-webkit-autofill:focus,
.form-wrap .global-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #020f14
}

.form-wrap .global-form ::-webkit-input-placeholder {
    color: #020f14;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.form-wrap .global-form :-moz-placeholder {
    color: #020f14;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

.form-wrap .global-form ::-moz-placeholder {
    color: #020f14;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

.form-wrap .global-form :-ms-input-placeholder {
    color: #020f14;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.form-wrap .global-form.sending .cta-btn {
    pointer-events: none;
    opacity: .5
}

.form-wrap .part {
    z-index: 0;
    pointer-events: none
}

.form-wrap .side-dot {
    width: 8px;
    left: -6px;
    top: -11px
}

.form-wrap .side-dot img {
    transform: rotate(90deg)
}

.form-wrap .line-top {
    width: 169px;
    left: auto;
    right: -9px;
    top: -7px
}

.form-wrap .line-left {
    width: 18px;
    left: -5px;
    top: auto;
    bottom: 0
}

.form-wrap .thank-you {
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden
}

.form-wrap .thank-you p {
    color: #020f14
}

.form-wrap .field-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.form-wrap .field-row .field-wrap {
    width: 46.5%
}

.form-wrap .field-row+.field-row {
    margin-top: 22px
}

.form-wrap .field-row.full .field-wrap {
    width: 100%
}

.form-wrap .field-wrap:not(.ta) {
    border-bottom: 1px solid #020f14;
    position: relative;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-transition: border-color .3s linear;
    -moz-transition: border-color .3s linear;
    -o-transition: border-color .3s linear;
    transition: border-color .3s linear
}

.form-wrap .field-wrap input,
.form-wrap .field-wrap label {
    font: 400 15px/1 aktiv-grotesk, sans-serif;
    color: #020f14;
    height: 50px;
    padding: 17px 0
}

.form-wrap .field-wrap label {
    -webkit-flex-shrink: 0;
    -ms-flex: -1;
    flex-shrink: 0;
    padding-right: 8px;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.form-wrap .field-wrap .wpcf7-form-control-wrap,
.form-wrap .field-wrap input {
    width: 100%;
    flex-basis: 1
}

.form-wrap .field-wrap.search {
    overflow: visible
}

.form-wrap .field-wrap.ta {
    background-color: #dceaff;
    padding: 15px 20px;
    margin-top: 15px
}

.form-wrap .field-wrap.ta textarea {
    width: 100%;
    height: 115px;
    font: 400 15px/1.35 aktiv-grotesk, sans-serif;
    border: 0;
    background: 0
}

.form-wrap .field-wrap.hasS2 {
    cursor: pointer;
    padding: 0;
    display: block;
    text-align: left
}

.form-wrap .field-wrap.hasS2 .field-box {
    width: 100%
}

.form-wrap .field-wrap.error {
    border-color: #ff0062
}

.form-wrap .field-wrap.error ::-webkit-input-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.form-wrap .field-wrap.error :-moz-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

.form-wrap .field-wrap.error ::-moz-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    opacity: 1
}

.form-wrap .field-wrap.error :-ms-input-placeholder {
    color: #ff0062;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.form-wrap .field-wrap.error label {
    color: #ff0062
}

.form-wrap .field-wrap.error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ff0062
}

.form-wrap .field-wrap.toggle {
    display: none
}

.form-wrap .field-wrap.toggle.on {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form-wrap .wpcf7-response-output {
    display: none !important
}

button {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.g-recaptcha {
    margin-top: 30px
}

.select2-container--default .select2-selection--single {
    padding: 15px 0;
    border: 0;
    border-radius: 0;
    background: 0;
    height: auto
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 14px;
    height: auto;
    right: 0;
    top: 9px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    padding: 0;
    line-height: normal;
    color: #020f14
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #020f14;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: #1B69C5
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #020f14;
    background-color: transparent
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 5px 0;
    max-height: 265px
}

.select2-dropdown {
    margin-top: 15px;
    margin-left: -1px;
    box-sizing: content-box;
    opacity: 0;
    transform: translateY(-5px);
    -webkit-transition: transform .5s ease-out, opacity .3s linear;
    -moz-transition: transform .5s ease-out, opacity .3s linear;
    -o-transition: transform .5s ease-out, opacity .3s linear;
    transition: transform .5s ease-out, opacity .3s linear
}

.select2-dropdown.on {
    transform: translateY(0);
    opacity: 1
}

.select2-dropdown--above {
    margin-top: 0
}

.select2-results__option {
    padding: 10px 20px 9px;
    color: #020f14;
    font-size: 15px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0;
    border: solid 1px #020f14
}

.select2-container--open .select2-dropdown--above {
    border-radius: 0;
    border: solid 1px #020f14
}

#page-home #special-overlay {
    display: block
}

#page-home #special-overlay .contact-modal {
    max-width: 630px
}

#page-home #special-overlay h2 {
    color: #020f14;
    margin-bottom: 10px
}

#page-home #special-overlay p {
    font-size: 16px;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 15px
}

#page-home #special-overlay .form-wrap .cta-btn {
    margin-top: 50px
}

#page-home #special-overlay .part {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

/*! - PAGE ***************************** */
/*! - PAGE: 0 HOME > 0 HERO */
#home-hero {
    padding-top: 212px;
    padding-bottom: 433px;
    background-color: #dceaff;
    z-index: 3;
    overflow: visible
}

#home-hero .cta-btn {
    margin: 0px 0 27px
}

#home-hero .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px;
    transform: translateY(5px)
}

#home-hero .writer-wrap {
    position: relative
}

#home-hero .writer-wrap .side-arm {
    left: -219px;
    top: 176px;
    width: 316px
}

#home-hero .writer-wrap .uline-wrap .underline {
    width: 54px;
    width: 0;
    height: 6px;
    overflow: hidden
}

#home-hero .writer-wrap .uline-wrap .underline img {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 6px
}

#home-hero .bg-wrap {
    height: 1168px;
    top: auto;
    bottom: -319px
}

#home-hero .background[data-num="1"] .sidepipe {
    width: 493px;
    left: 81px;
    top: 450px
}

#home-hero .background[data-num="1"] .botpipe {
    width: 250px;
    left: 297px;
    top: 728px
}

#home-hero .background[data-num="1"] .dline.dsk {
    width: 100%
}

#home-hero .background[data-num="2"] {
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#home-hero .background[data-num="2"] .photo-group {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    left: 658px;
    top: -155px;
    width: 1150px;
    height: 1100px
}

#home-hero .background[data-num="2"] .photo[data-num="1"] {
    width: 640px;
    left: 160px;
    top: 130px
}

#home-hero .background[data-num="2"] .photo[data-num="2"] {
    width: 568px;
    left: 562px;
    top: 365px
}

#home-hero .background[data-num="2"] .photo[data-num="3"] {
    width: 573px;
    left: 496px;
    top: 648px
}

#home-hero .background[data-num="2"] .arm[data-num="2"] {
    width: 302px;
    left: 1019px;
    top: 497px
}

/*! - PAGE: 0 HOME > 1 ABOUT */
#home-about {
    padding-top: 175px;
    padding-bottom: 385px;
    z-index: 2
}

#home-about h3 {
    margin-bottom: -17px
}

#home-about h2 {
    margin-bottom: 50px
}

#home-about .hw-font {
    font-family: hwdavidregular;
    font-size: 80px;
    line-height: 130px;
    padding-right: 5px
}

#home-about .uline-wrap .underline {
    bottom: -2px;
    left: -10px;
    width: 102%;
    width: 0;
    height: 6px;
    overflow: hidden
}

#home-about .uline-wrap .underline img {
    transform: rotate(1deg);
    position: absolute;
    left: 0;
    width: 300px;
    height: 6px
}

#home-about header {
    margin-bottom: 135px
}

#home-about .bucket {
    width: 44%;
    max-width: 530px;
    position: relative
}

#home-about .buckets {
    position: relative
}

#home-about .buckets .txt {
    text-align: center
}

#home-about .buckets .txt h3 {
    margin-bottom: 12px
}

#home-about .buckets .txt p {
    font-size: 16px
}

#home-about .buckets.split .txt {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    margin-top: 30px
}

#home-about .buckets.split .background.dline {
    width: 839px;
    left: 50%;
    margin-left: -415px;
    top: -82px
}

#home-about .buckets.split .bucket.right>img {
    position: relative;
    top: 10px;
    left: 15px
}

#home-about .buckets.split .bucket.right .background {
    top: 8px;
    left: 15px
}

#home-about .buckets.split .bucket.right .txt {
    position: relative;
    transform: translateX(-25px)
}

#home-about .buckets.full {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 93px
}

#home-about .buckets.full .icon {
    display: inline-block;
    width: 322px;
    margin-bottom: 5px
}

#home-about .buckets.full .txt {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative
}

#home-about .buckets.full .background {
    width: 833px;
    left: 50%;
    margin-left: -348px;
    top: -47px
}

#home-about .buckets.full .cta-btn {
    margin-top: 34px
}

/*! - PAGE: 0 HOME > 2 CARDS */
#home-cards {
    padding: 0 0 588px;
    z-index: 1;
    margin-top: -260px;
    overflow: visible;
    background-color: #dceaff
}

#home-cards .shape-bg-wrap {
    height: 715px
}

#home-cards .shape-wrap {
    width: 100%;
    height: 715px;
    position: absolute;
    background-color: #fff
}

#home-cards .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#cards-masker");
    -webkit-clip-path: url("#cards-masker");
    background-color: #dceaff
}

#home-cards .contentContainer {
    padding-top: 285px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    z-index: 2
}

#home-cards .col.right {
    width: 45%;
    margin-right: 120px;
}

#home-cards .col.right>h2 {
    max-width: 500px;
    position: relative
}

#home-cards .col.right>h2 .dots {
    position: absolute;
    left: -10px;
    top: -65px
}

#home-cards .col.right>p {
    max-width: 465px
}

#home-cards .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    transform: translateY(0);
    margin-left: 10px
}

#home-cards .cta-btn {
    margin-top: 40px
}

#home-cards .bg-wrap .background {
    left: 50%
}

#home-cards .bg-wrap[data-num="1"] {
    height: 1850px;
    top: -145px
}

#home-cards .bg-wrap[data-num="1"] .background {
    margin-left: -900px;
    width: 1800px
}

#home-cards .bg-wrap[data-num="1"] .background .cards {
    position: absolute
}

#home-cards .bg-wrap[data-num="1"] .background .cards[data-num="1"] {
    width: 713px;
    left: -330px;
    top: 268px
}

#home-cards .bg-wrap[data-num="1"] .background .cards[data-num="2"] {
    width: 860px;
    left: 40px;
    top: 0
}

#home-cards .bg-wrap[data-num="1"] .background .sfxgg[data-num="2"] {
    left: -130px;
    top: 0
}

#home-cards .bg-wrap[data-num="1"] .background .cards[data-num="3"] {
    width: 500px;
    left: 1285px;
    top: 565px
}

#home-cards .bg-wrap[data-num="1"] .background .sfxgg2a4[data-num="3"] {
    left: 1355px;
    top: 155px
}

#home-cards .bg-wrap[data-num="2"] {
    height: 618px;
    top: auto;
    bottom: -47px
}

#home-cards .bg-wrap[data-num="2"] .background {
    width: 1830px;
    left: 50%;
    margin-left: -915px;
    top: 100px;
    height: 518px
}

#home-cards .bg-wrap[data-num="2"] .base {
    position: absolute;
    left: 0;
    top: 0;
    left: 1027px;
    width: 1196px;
    height: 518px
}

#home-cards .bg-wrap[data-num="2"] .undertube {
    width: 94px;
    left: 1272px;
    top: auto;
    bottom: 0
}

/*! - PAGE: 0 HOME > 3 BLOG */
#home-blog {
    padding-top: 148px;
    padding-bottom: 50px;
    overflow: visible
}

#home-blog .contentContainer {
    z-index: 2
}

#home-blog .hw-font {
    font-family: hwdavidregular;
    font-size: 80px;
    line-height: .5;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-bottom: 60px;
    position: relative
}

#home-blog .hw-font .underline {
    left: -50%;
    bottom: -38px;
    width: 728px;
    height: 19px
}

#home-blog .hw-font .underline img {
    width: 100%;
    height: auto;
    display: block;
    height: 19px
}

#home-blog .blog-grid {
    margin-top: 62px
}

#home-blog .blog-cta {
    margin-top: 93px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 99
}

#home-blog .blog-cta .ornament {
    width: 500px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -47px;
    margin-left: -27px
}

#home-blog .bg-wrap {
    height: auto;
    top: auto;
    bottom: -140px
}

#home-blog .background {
    width: 528px;
    left: 50%;
    margin-left: -912px
}

/*! - PAGE: 0 HOME > 4 CUSTOMERS */
.customers {
    padding: 30px 0 50px
}

.customers header .icon {
    width: 224px;
    height: auto;
    display: inline-block;
    margin-bottom: 26px
}

.customers .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transform: translateY(0);
    overflow: visible
}

.customers .customer-slider {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    height: 441px;
    position: relative;
    margin-top: 35px
}

.customers .customer-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 25px;
    display: none
}

.customers .customer-slide .card {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.customers .customer-slide .card-inner {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    height: 100%;
    border: 3px solid #020f14;
    background-color: #fff;
    position: relative;
    padding: 84px 50px 60px;
    z-index: 1
}

.customers .customer-slide .border-line[data-num="1"] {
    width: 163px;
    left: -9px;
    top: -5px
}

.customers .customer-slide .border-line[data-num="2"] {
    width: 250px;
    left: auto;
    top: auto;
    right: -8px;
    bottom: -5px
}

.customers .customer-slide .quote {
    position: absolute;
    width: 34px
}

.customers .customer-slide .quote img {
    width: 100%;
    height: auto;
    display: block
}

.customers .customer-slide .quote.left {
    left: 50px;
    top: 42px
}

.customers .customer-slide .quote.right {
    right: 58px;
    bottom: 65px;
    transform: scale(-1)
}

.customers .customer-slide p {
    font-size: 21px
}

.customers .customer-slide .txt {
    max-width: 435px;
    text-align: center
}

.customers .customer-slide cite {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    text-transform: uppercase;
    font-style: normal;
    display: inline-block;
    margin-top: 40px
}

.customers .customer-slide .side-dot {
    width: 8px;
    left: -28px;
    top: -9px
}

.customers .customer-slide[data-num="1"] {
    display: block
}

.customers .arrow-btn.left {
    left: -18px
}

.customers .arrow-btn.right {
    right: -18px
}

.customers .background {
    top: 448px
}

.customers .background .card[data-num="1"] {
    width: 574px;
    left: -200px
}

.customers .background .card[data-num="2"] {
    width: 574px;
    left: 1425px
}

/*! - PAGE: 0 HOME > 5 FOOTER CTA */
#footer-cta {
    padding-top: 100px;
    padding-bottom: 115px;
    margin-top: -50px
}

#footer-cta .contentContainer {
    max-width: 1334px
}

#footer-cta .word-wrap {
    width: 100%;
    max-width: 1334px;
    margin: 0 auto;
    position: relative
}

#footer-cta .word-wrap .sizer {
    position: relative;
    left: 0;
    top: 0
}

#footer-cta .word-wrap .background {
    left: 0;
    width: 1334px;
    height: 435px;
    transform-origin: left top
}

#footer-cta .word-wrap .ornament {
    width: 223px;
    left: 50%;
    margin-left: 677px;
    top: -90px
}

#footer-cta .cta-row {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    align-items: center
}

#footer-cta .cta-row .col.left {
    width: 39%;
    max-width: 430px
}

#footer-cta .cta-row .col.left .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px;
    transform: translateY(5px)
}

#footer-cta .cta-row .col.left .illus {
    width: 240px;
    height: auto;
    display: block;
    margin-top: 30px
}

#footer-cta .cta-row .col.divider {
    width: 19px
}

#footer-cta .cta-row .col.right {
    width: 54%;
    padding-left: 30px;
    max-width: 700px
}

/*! - PAGE: 1 BUSINESS > 0 HERO */
#page-business #tier-hero {
    padding-bottom: 400px;
    height: 1500px
}

#page-business #tier-hero .contentContainer {
    z-index: 2
}

#page-business #tier-hero .col {
    width: 48%
}

#page-business #tier-hero .hero-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 1430px;
    clip-path: url("#hero-masker");
    -webkit-clip-path: url("#hero-masker");
    overflow: hidden;
    background-color: #dceaff
}

#page-business #tier-hero .hero-bg .base {
    width: 100%
}

#page-business #tier-hero .hero-bg .bots {
    width: 933px;
    left: 36px;
    top: 545px
}

#page-business #tier-hero .hero-bg .mailbox {
    width: 394px;
    left: 590px;
    top: 1087px
}

#page-business #tier-hero .hero-bg .blob {
    width: 574px;
    left: 530px;
    top: 1300px
}

#page-business #tier-hero .hero-bg .dline[data-num="1"] {
    width: 824px;
    left: 632px;
    top: 464px
}

#page-business #tier-hero .hero-bg .dline[data-num="2"] {
    width: 655px;
    left: 115px;
    top: 730px
}

#page-business #tier-hero .hero-bg .env {
    position: absolute;
    max-width: 587px;
    left: -300px;
    top: 330px
}

#page-business #tier-hero .background[data-num="2"] {
    z-index: 1;
    pointer-events: none;
    height: 735px
}

#page-business #tier-hero .background[data-num="2"] .env {
    width: 638px;
    left: 1124px;
    top: 755px
}

#page-business #tier-hero .form-wrap {
    max-width: 640px;
    margin-top: 11px
}

#page-business #tier-hero .form-wrap h3 {
    margin-bottom: 12px
}

/*! - PAGE: 1 BUSINESS > 1 BENEFITS */
#business-benefits {
    padding-top: 20px;
    padding-bottom: 100px;
    z-index: 1
}

#business-benefits header {
    margin-bottom: 68px
}

#business-benefits .hw-font {
    font-family: hwdavidregular;
    font-size: 150px;
    line-height: .5;
    padding-right: 5px;
    margin-top: -14px;
    margin-bottom: 55px;
    position: relative
}

#business-benefits .hw-font .underline {
    left: -8px;
    bottom: -33px;
    width: 273px;
    height: 7px
}

#business-benefits .hw-font .underline img {
    width: 100%;
    height: auto;
    display: block;
    height: 7px
}

#business-benefits .module-grid .squiggle-line {
    width: 166px;
    height: auto;
    display: inline-block;
    margin: 20px 0 14px
}

#business-benefits .module-grid .illus {
    margin-bottom: 12px;
    position: relative;
    width: 223px;
    height: 129px;
    display: inline-block
}

#business-benefits .module-grid p {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

/*! - PAGE: 1 BUSINESS > 2 INTEGRATION */
#business-integration {
    padding-top: 185px;
    padding-bottom: 138px;
    z-index: 0;
    margin-top: -220px
}

#business-integration .contentContainer {
    max-width: 1300px
}

#business-integration header {
    margin-bottom: 65px
}

#business-integration header h2 {
    margin-bottom: 22px
}

#business-integration header .hw-font {
    font-family: hwryanregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px
}

#business-integration .dline {
    width: 528px;
    left: -180px;
    top: -340px
}

#business-integration .module-slider-wrap {
    height: 520px;
    width: 100%;
    max-width: 964px;
    margin: 0 auto;
    position: relative
}

#business-integration .module-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 520px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 1722px
}

#business-integration .squiggle-line {
    width: 166px;
    height: auto;
    display: block;
    margin: 25px 0 42px
}

#business-integration .module-slide {
    width: 380px;
    height: 506px
}

#business-integration .module-slide .card-inner {
    padding: 35px 30px;
    height: 100%
}

#business-integration .module-slide .logo-box {
    height: 115px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

#business-integration .module-slide .border-line {
    z-index: 0
}

#business-integration .module-slide h3 {
    margin-bottom: 16px
}

#business-integration .module-slide[data-type="1"] .border-line[data-num="1"] {
    width: 163px;
    left: -7px;
    top: -5px
}

#business-integration .module-slide[data-type="1"] .border-line[data-num="2"] {
    width: 250px;
    left: auto;
    top: auto;
    right: -7px;
    bottom: -5px
}

#business-integration .module-slide[data-type="2"] .border-line[data-num="1"] {
    width: 252px;
    left: 63px;
    top: auto;
    bottom: -5px
}

#business-integration .module-slide[data-type="2"] .border-line[data-num="2"] {
    width: 16px;
    left: auto;
    top: 190px;
    right: -5px
}

#business-integration .slide-controls {
    text-align: left;
    width: 100%;
    max-width: 964px;
    margin: 0 auto;
    margin-top: 42px
}

#business-integration .slide-count {
    padding: 0;
    padding-left: 18px
}

#business-integration .arrow-btn.left {
    left: -18px
}

#business-integration .arrow-btn.right {
    right: -18px
}

#business-integration .learn-more {
    width: 100%;
    max-width: 1383px;
    margin: 0 auto;
    margin-top: 120px;
    position: relative
}

#business-integration .learn-more .inner {
    position: relative;
    overflow: hidden;
    padding: 88px 50px;
    background-color: #1B69C5;
    text-align: center
}

#business-integration .learn-more .background {
    width: 1316px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    left: 50%;
    margin-left: -712px
}

#business-integration .learn-more .background[data-num="1"] {
    top: -10px
}

#business-integration .learn-more .background[data-num="2"] {
    top: auto;
    bottom: 0
}

#business-integration .learn-more h2 {
    color: #fff
}

#business-integration .learn-more h2 .hw-font {
    font-family: hwmasonregular;
    font-size: 115px;
    transform: translateY(0);
    line-height: 0
}

#business-integration .learn-more .squiggle-line {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px
}

#business-integration .learn-more .tape-wrap {
    z-index: 2
}

/*! - PAGE: 1 BUSINESS > 3 FACTS */
#business-facts {
    padding: 0 0 142px;
    background-color: #dceaff
}

#business-facts .contentContainer {
    max-width: 1300px
}

#business-facts .col {
    width: 48%
}

#business-facts .col.right {
    text-align: right;
    padding-top: 18px
}

#business-facts .col.right .txt {
    max-width: 500px;
    text-align: left;
    display: inline-block
}

#business-facts .shape-wrap {
    width: 100%;
    height: 885px;
    position: relative;
    background-color: #fff
}

#business-facts .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: 196px;
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#facts-masker");
    -webkit-clip-path: url("#facts-masker");
    background-color: #dceaff
}

#business-facts .background {
    width: 1172px;
    left: 50%;
    margin-left: -586px
}

#business-facts .form-wrap h3 {
    margin-bottom: 12px
}

#business-facts .form-wrap .line-top {
    width: 161px;
    left: auto;
    right: 0;
    top: -4px
}

#business-facts .form-wrap .line-left {
    width: 18px;
    left: -5px;
    top: auto;
    bottom: 0
}

/*! - PAGE: 2 INTEGRATIONS > 0 HERO */
#page-integrations #tier-hero {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 100px
}

#page-integrations #tier-hero header {
    margin-bottom: 70px
}

#page-integrations #tier-hero header h2 {
    margin-bottom: 22px
}

#page-integrations #tier-hero header .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px
}

#page-integrations #tier-hero .bg-wrap {
    position: relative;
    height: 400px
}

#page-integrations #tier-hero .background {
    width: 1526px;
    left: 50%;
    margin-left: -777px
}

#page-integrations #globalFooter {
    padding-top: 114px
}

/*! - PAGE: 2 INTEGRATIONS > 1 SCREENS */
.int-screens {
    z-index: 3
}

.int-screens[data-num="1"] {
    padding-top: 135px;
    padding-bottom: 100px
}

.int-screens[data-num="2"] {
    padding-top: 345px;
    padding-bottom: 100px
}

.int-screens .screen-row {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative
}

.int-screens .screen-row+.screen-row {
    margin-top: 255px
}

.int-screens .screen-row .inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    max-width: 1400px;
    position: relative;
    z-index: 1
}

.int-screens .screen-row .sizer {
    visibility: hidden
}

.int-screens .screen-row .inner .background {
    width: 885px;
    height: 512px;
    top: 50%;
    margin-top: -256px;
    transform-origin: left center
}

.int-screens .screen-row .screen {
    width: 618px;
    left: 138px;
    top: 74px;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.int-screens .screen-row h3 {
    margin-bottom: 16px
}

.int-screens .screen-row p {
    font-size: 16px
}

.int-screens .screen-row .logo {
    margin-bottom: 40px;
    max-width: 300px
}

.int-screens .screen-row .cta-btn {
    margin-top: 30px
}

.int-screens .screen-row .col.image {
    width: 64%;
    max-width: 885px
}

.int-screens .screen-row .col.text {
    width: 36%;
    max-width: 500px
}

.int-screens .screen-row.left .col.text {
    padding-top: 24px
}

.int-screens .screen-row.left .col.text .txt {
    padding-left: 50px;
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.int-screens .screen-row.right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.int-screens .screen-row.right .col.text {
    padding-top: 44px
}

.int-screens .screen-row.right .txt {
    max-width: 400px
}

.int-screens .screen-row.right .col.image .background {
    left: 5px
}

.int-screens .screen-row[data-num="1"] .bg-ornaments {
    width: 830px;
    top: -134px;
    left: 34px
}

.int-screens .screen-row[data-num="2"] .bg-ornaments {
    width: 181px;
    top: -75px;
    left: 25px
}

.int-screens .screen-row[data-num="2"] .dline[data-num="1"] {
    width: 669px;
    left: 1271px;
    top: -442px
}

.int-screens .screen-row[data-num="2"] .dline[data-num="2"] {
    width: 659px;
    left: 566px;
    top: 340px
}

.int-screens .screen-row[data-num="3"] .bg-ornaments {
    width: 960px;
    top: -168px;
    left: -34px
}

.int-screens .screen-row[data-num="4"] .bg-ornaments[data-num="1"] {
    width: 175px;
    top: -163px;
    left: 30px
}

.int-screens .screen-row[data-num="4"] .bg-ornaments[data-num="2"] {
    width: 454px;
    top: auto;
    bottom: -66px;
    left: -132px
}

.int-screens .screen-row[data-num="4"] .dline {
    width: 206px;
    left: 752px;
    top: -602px
}

/*! - PAGE: 2 INTEGRATIONS > 2 API */
#int-api {
    background-color: #1B69C5;
    padding: 100px 0 770px
}

#int-api h2 {
    margin-bottom: 42px;
    padding: 0 70px
}

#int-api .cta-btn {
    margin-top: 109px
}

#int-api .hw-font {
    font-family: hwmasonregular;
    font-size: 115px;
    transform: translateY(0)
}

#int-api header {
    padding-left: 25px;
    padding-right: 25px
}

#int-api .background {
    width: 2200px;
    margin-left: -1100px;
    top: auto;
    bottom: 0;
    height: 1245px
}

/*! - PAGE: 2 INTEGRATIONS > 3 APP */
#int-app .shape-bg-wrap {
    position: relative
}

#int-app .shape-bg-wrap .background {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#int-app .env[data-num="1"] {
    width: 607px;
    left: 175px;
    top: 54px
}

#int-app .env[data-num="2"] {
    width: 569px;
    left: 1180px;
    top: 51px
}

#int-app .env[data-num="2"] img {
    transform: rotate(23deg)
}

#int-app .env[data-num="3"] {
    width: 561px;
    left: -308px;
    top: 863px
}

#int-app .env[data-num="3"] img {
    transform: rotate(-140deg)
}

#int-app .bg-wrap[data-num="2"] {
    pointer-events: none;
    top: auto;
    bottom: -223px;
    height: 480px
}

#int-app .pen {
    width: 660px;
    left: 1170px
}

/*! - PAGE: 2 INTEGRATIONS > 4 DETAIL HERO */
[id^="page-integrations-"] #tier-hero {
    padding-top: 250px;
    padding-bottom: 70px;
    margin-bottom: 50px
}

[id^="page-integrations-"] #tier-hero p {
    font-size: 21px
}

[id^="page-integrations-"] #tier-hero .txt {
    max-width: none;
    padding-right: 25px
}

[id^="page-integrations-"] #tier-hero .cta-group {
    margin-top: 38px;
    min-width: 470px
}

[id^="page-integrations-"] #tier-hero .cta-btn {
    margin-top: 0;
    margin-bottom: 10px
}

[id^="page-integrations-"] #tier-hero .col.text {
    z-index: 3
}

[id^="page-integrations-"] #tier-hero .screen-row .inner .background {
    top: 64px;
    left: -11px;
    margin: 0;
    transform-origin: left top
}

[id^="page-integrations-"] #tier-hero .screen-row .sizer {
    margin-top: 64px
}

[id^="page-integrations-"] #tier-hero .screen-row .logo {
    margin-bottom: 32px
}

[id^="page-integrations-"] .bg-ornaments[data-type="1"] {
    width: 830px;
    top: -134px;
    left: 34px
}

[id^="page-integrations-"] .bg-ornaments[data-type="2"] {
    width: 181px;
    top: -75px;
    left: 25px
}

[id^="page-integrations-"] .bg-ornaments[data-type="3"] {
    width: 960px;
    top: -168px;
    left: -34px
}

[id^="page-integrations-"] .bg-ornaments[data-type="3"][data-num="2"] {
    z-index: 4
}

[id^="page-integrations-"] .bg-ornaments[data-type="4"][data-num="1"] {
    width: 175px;
    top: -163px;
    left: 30px
}

[id^="page-integrations-"] .bg-ornaments[data-type="4"][data-num="2"] {
    width: 454px;
    top: auto;
    bottom: -66px;
    left: -132px;
    z-index: 4
}

[id^="page-integrations-"] .bg-ornaments[data-type="5"] {
    width: 910px;
    top: -103px;
    left: 13px
}

[id^="page-integrations-"] .bg-ornaments[data-type="5"][data-num="2"] {
    z-index: 4
}

[id^="page-integrations-"] .bg-ornaments[data-type="6"][data-num="2"] {
    width: 879px;
    top: -181px;
    left: -2px
}

[id^="page-integrations-"] .bg-ornaments[data-type="7"][data-num="1"] {
    width: 699px;
    top: -143px;
    left: 220px;
    z-index: 4
}

[id^="page-integrations-"] .bg-ornaments[data-type="7"][data-num="2"] {
    width: 311px;
    top: auto;
    bottom: 6px;
    left: -45px;
    z-index: 4
}

[id^="page-integrations-"] .dline[data-type="2"] {
    width: 669px;
    left: 452px;
    top: -440px
}

[id^="page-integrations-"].integrately .bg-ornaments[data-type="4"][data-num="1"] {
    left: -1px;
    top: -81px;
    z-index: 2
}

/*! - PAGE: 2 INTEGRATIONS > 5 CONTENT BLOCKS */
#int-details {
    padding-bottom: 170px
}

#int-details .content-block+.content-block {
    margin-top: 50px
}

#int-details .content-block+.content-block.buckets {
    margin-top: 105px
}

#int-details .content-block.buckets+.content-block {
    margin-top: 130px
}

#int-details .screen-row {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

#int-details .screen-row+.screen-row {
    margin-top: 135px
}

#int-details .screen-row .inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    max-width: 1270px;
    position: relative;
    z-index: 1
}

#int-details .screen-row .sizer {
    visibility: hidden
}

#int-details .screen-row .inner .background {
    width: 700px;
    transform-origin: left top
}

#int-details .screen-row h2 {
    margin-bottom: 32px
}

#int-details .screen-row p {
    font-size: 16px
}

#int-details .screen-row ul {
    max-width: 400px
}

#int-details .screen-row .feature-icon {
    margin-bottom: 40px
}

#int-details .screen-row .col.image {
    width: 55.5%;
    max-width: 700px
}

#int-details .screen-row .col.image .img-inner {
    border: 1px solid rgba(211, 207, 211, 0.7);
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

#int-details .screen-row .col.text {
    width: 44.5%;
    max-width: 570px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

#int-details .screen-row .col.text .txt {
    max-width: 450px
}

#int-details .screen-row.left .col.text {
    padding-left: 70px;
    text-align: right
}

#int-details .screen-row.left .col.text .txt {
    margin: 0;
    display: inline-block;
    text-align: left
}

#int-details .screen-row.right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#int-details .screen-row.right .col.text {
    padding-right: 70px
}

#int-details ul {
    margin-left: 0;
    padding: 0;
    list-style: none
}

#int-details ul li {
    padding-left: 50px;
    position: relative;
    font-size: 16px;
    line-height: 1.9
}

#int-details ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: -4px;
    width: 34px;
    height: 34px;
    background-size: 34px auto
}

#int-details ul li+li {
    margin-top: 30px
}

#int-details .quote-wrap {
    padding-top: 150px;
    padding-bottom: 220px;
    position: relative
}

#int-details .quote-wrap .card {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    position: relative
}

#int-details .quote-wrap .card-inner {
    text-align: center;
    border: 3px solid #020f14;
    background-color: #fff;
    position: relative;
    padding: 84px 50px 60px;
    z-index: 1
}

#int-details .quote-wrap .border-line[data-num="1"] {
    width: 163px;
    left: -9px;
    top: -5px
}

#int-details .quote-wrap .border-line[data-num="2"] {
    width: 250px;
    left: auto;
    top: auto;
    right: -8px;
    bottom: -5px
}

#int-details .quote-wrap .dline {
    width: 528px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin-left: -263px;
    top: 18px;
    z-index: 3;
    pointer-events: none
}

#int-details .buckets {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

#int-details .buckets .bucket {
    width: 31%;
    text-align: center
}

#int-details .buckets .txt {
    width: 100%;
    max-width: 330px;
    margin: 0 auto
}

#int-details .buckets .icon-wrap {
    width: 100%;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    margin-bottom: 32px
}

#int-details .buckets h3 {
    margin-bottom: 12px
}

#int-details .buckets p {
    font-size: 16px
}

/*! - PAGE: 2 INTEGRATIONS > 6 DETAIL CTA */
#int-cta {
    background-color: #433a44;
    padding-left: 0;
    padding-right: 0
}

#int-cta .contentContainer {
    max-width: 1300px;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 180px
}

#int-cta .shape-wrap {
    width: 100%;
    position: relative;
    background-color: #fff
}

#int-cta .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#cta-masker");
    -webkit-clip-path: url("#cta-masker");
    background-color: #433a44
}

#int-cta .logo {
    margin-bottom: 40px
}

#int-cta h2 {
    margin-bottom: 65px
}

/*! - PAGE: 3 FEATURES > 0 HERO */
#page-features #tier-hero {
    padding-bottom: 400px;
    height: 1500px
}

#page-features #tier-hero .contentContainer {
    z-index: 2
}

#page-features #tier-hero header {
    margin-bottom: 50px
}

#page-features #tier-hero .hero-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 1430px;
    clip-path: url("#hero-masker");
    -webkit-clip-path: url("#hero-masker");
    overflow: hidden;
    background-color: #fff
}

#page-features #tier-hero .hero-bg .base {
    width: 100%
}

#page-features #tier-hero .background[data-num="1"] {
    width: 2051px;
    margin-left: -1178px;
    top: auto;
    bottom: -200px
}

#page-features #tier-hero .background[data-num="1"] .blob[data-num="1"] {
    width: 585px;
    left: 345px;
    top: 204px
}

#page-features #tier-hero .background[data-num="1"] .blob[data-num="2"] {
    width: 877px;
    left: 1761px
}

#page-features #tier-hero .background .pen {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#page-features #tier-hero .background[data-num="2"] {
    z-index: 0
}

#page-features #tier-hero .background[data-num="2"] .pen {
    width: 641px;
    left: -148px;
    top: 128px
}

#page-features #tier-hero .background[data-num="3"] {
    z-index: 3
}

#page-features #tier-hero .background[data-num="3"] .pen {
    width: 228px;
    left: 1469px;
    top: 927px
}

#page-features #globalFooter {
    padding-top: 114px
}

#features-slider .module-slider-wrap {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    height: 376px;
    position: relative
}

#features-slider .module-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 376px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 1290px
}

#features-slider .module-slide {
    width: 610px;
    height: 376px
}

#features-slider .module-slide .card-inner {
    height: 100%;
    text-align: center;
    overflow: hidden
}

#features-slider .module-slide .card-inner img {
    display: inline-block;
    margin-top: -14px
}

#features-slider .module-slide .card-inner img.mob {
    display: none
}

#features-slider .module-slide .text {
    width: 100%;
    margin: 0 auto
}

#features-slider .module-slide .border-line[data-num="1"] {
    width: 163px;
    left: -9px;
    top: -5px
}

#features-slider .module-slide .border-line[data-num="2"] {
    width: 250px;
    left: auto;
    top: auto;
    right: -8px;
    bottom: -5px
}

#features-slider .slide-controls {
    width: 100%;
    max-width: 610px;
    margin: 0 auto
}

#features-slider .slide-controls[data-num="1"] {
    margin-bottom: 26px;
    max-width: 420px
}

#features-slider .slide-controls[data-num="2"] {
    margin-top: 20px
}

#features-slider .slide-controls[data-num="2"] .slide-count {
    width: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#features-slider .slide-controls .arrow-btn {
    position: absolute;
    top: -14px
}

#features-slider .slide-title {
    font-size: 21px;
    width: 344px;
    text-align: center;
    position: relative
}

/*! - PAGE: 3 FEATURES > 1 FEATURES */
#features {
    padding-top: 70px;
    padding-bottom: 0
}

#features .feature-row {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

#features .feature-row+.feature-row {
    margin-top: 115px
}

#features .feature-row .inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1270px;
    position: relative;
    z-index: 1
}

#features .feature-row .sizer {
    visibility: hidden
}

#features .feature-row .inner .background {
    width: 700px;
    height: 500px;
    overflow: hidden;
    background-color: #fafaf7;
    transform-origin: left top
}

#features .feature-row h2 {
    margin-bottom: 20px
}

#features .feature-row p {
    font-size: 16px
}

#features .feature-row .feature-icon {
    margin-bottom: 20px
}

#features .feature-row .col.image {
    width: 55.5%;
    max-width: 700px
}

#features .feature-row .col.text {
    width: 44.5%;
    max-width: 570px
}

#features .feature-row .col.text .txt {
    max-width: 420px
}

#features .feature-row.left .col.text {
    padding-left: 70px
}

#features .feature-row.left .col.text .txt {
    margin-left: auto;
    margin-right: auto
}

#features .feature-row.right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#features .feature-row.right .col.text {
    padding-right: 70px
}

#features .feature-row .base>img {
    position: relative
}

#features .feature-row[data-num="1"] .base {
    width: 518px;
    left: 88px;
    top: 45px
}

#features .feature-row[data-num="2"] .base {
    width: 514px;
    left: 84px;
    top: 58px
}

#features .feature-row[data-num="2"] .pen {
    width: 467px;
    left: -250px
}

#features .feature-row[data-num="3"] .col.text {
    padding-top: 70px
}

#features .feature-row[data-num="3"] .base {
    width: 659px;
    left: 0;
    top: 75px
}

#features .feature-row[data-num="4"] .col.text {
    padding-top: 70px
}

#features .feature-row[data-num="4"] .base {
    width: 571px;
    left: 69px;
    top: 70px
}

#features .feature-row[data-num="5"] .col.text {
    padding-top: 45px
}

#features .feature-row[data-num="5"] .base {
    width: 524px;
    left: 84px;
    top: 22px
}

/*! - PAGE: 3 FEATURES > 2 APP */
#features-app {
    padding-top: 383px;
    padding-bottom: 275px
}

#features-app header h2 {
    margin-bottom: 26px
}

#features-app header .hw-font {
    font-family: hwdavidregular;
    font-size: 115px;
    padding-right: 5px
}

#features-app .computer {
    width: 100%;
    max-width: 885px;
    margin: 0 auto;
    margin-top: 66px;
    margin-bottom: 321px;
    position: relative
}

#features-app .computer .icons {
    width: 112px;
    left: auto;
    right: -65px;
    top: -140px
}

#features-app .env[data-num="1"] {
    width: 614px;
    left: 1150px;
    top: 118px
}

#features-app .env[data-num="2"] {
    width: 569px;
    left: -155px;
    top: 780px
}

#features-app .env[data-num="2"] img {
    transform: rotate(70deg)
}

#features-app .env[data-num="3"] {
    width: 561px;
    left: 1315px;
    top: 1031px
}

#features-app .env[data-num="3"] img {
    transform: rotate(110deg)
}

#features-app .shape-wrap {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#features-app .shape-bg {
    top: 235px
}

#features-app .bg-wrap {
    z-index: 1;
    pointer-events: none
}

#features-app .bg-wrap[data-num="1"] {
    height: 2700px
}

#features-app .bg-wrap[data-num="2"] {
    top: auto;
    bottom: 130px;
    height: 680px
}

#features-app .bg-wrap[data-num="2"] .pen {
    top: 90px
}

#features-app .dline {
    width: 1156px;
    left: -267px;
    top: 1110px
}

#features-app .pen {
    width: 660px
}

#features-app .pen[data-num="1"] {
    width: 684px;
    left: 1062px;
    top: 932px
}

#features-app .pen[data-num="2"] {
    left: -140px
}

#features-app .pen[data-num="2"] img {
    transform: rotate(90deg)
}

/*! - PAGE: 3 FEATURES > 3 CONTACT OVERLAY */
#contact-overlay,
#special-overlay {
    padding: 0
}

#contact-overlay h2,
#special-overlay h2 {
    color: #fff
}

#contact-overlay .contentContainer,
#special-overlay .contentContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    height: auto;
    min-height: 100%
}

#contact-overlay .contact-modal,
#special-overlay .contact-modal {
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#contact-overlay .contact-modal .inner,
#special-overlay .contact-modal .inner {
    padding: 30px 25px 50px
}

#contact-overlay .contact-modal button .icon,
#special-overlay .contact-modal button .icon {
    display: inline-block;
    font-size: 24px;
    color: #020f14
}

#contact-overlay .contact-modal .line-top,
#special-overlay .contact-modal .line-top {
    width: 161px;
    left: auto;
    right: 0;
    top: -4px
}

#contact-overlay .contact-modal .line-left,
#special-overlay .contact-modal .line-left {
    width: 18px;
    height: 180px;
    left: -6px;
    top: auto;
    bottom: 0
}

#contact-overlay .contact-modal .line-left img,
#special-overlay .contact-modal .line-left img {
    width: 100%;
    height: 100%
}

#contact-overlay .form-wrap,
#special-overlay .form-wrap {
    width: 100%;
    max-width: 577px;
    margin: 0 auto;
    margin-top: 48px
}

#contact-overlay .form-wrap .inner,
#special-overlay .form-wrap .inner {
    padding-bottom: 10px
}

#contact-overlay .form-wrap .cta-btn,
#special-overlay .form-wrap .cta-btn {
    margin-top: 34px
}

#contact-overlay .form-wrap .thank-you,
#special-overlay .form-wrap .thank-you {
    margin-top: 10px
}

#contact-overlay .form-wrap .line-left,
#special-overlay .form-wrap .line-left {
    bottom: 180px
}

#contact-overlay .form-wrap .line-top,
#special-overlay .form-wrap .line-top {
    width: 161px;
    left: auto;
    right: 0;
    top: -8px
}

#contact-overlay .close-btn,
#special-overlay .close-btn {
    position: absolute;
    right: -52px;
    top: -41px
}

#contact-overlay .close-btn .icon,
#special-overlay .close-btn .icon {
    font-size: 14px
}

/*! - PAGE: 4 BLOG > 0 HERO */
#page-resources #tier-hero .contentContainer {
    max-width: 1383px
}

#page-resources #tier-hero .hw-font {
    font-family: hwdavidregular;
    font-size: 150px;
    line-height: .5;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-bottom: 60px;
    position: relative
}

#page-resources #tier-hero .hw-font .underline {
    left: -26px;
    bottom: -38px;
    width: 728px;
    height: 19px
}

#page-resources #tier-hero .hw-font .underline img {
    width: 100%;
    height: auto;
    display: block;
    height: 19px
}

#page-resources #tier-hero .hw-font .ornament {
    width: 79px;
    top: 24px
}

#page-resources #tier-hero .hw-font .ornament[data-num="1"] {
    left: -99px
}

#page-resources #tier-hero .hw-font .ornament[data-num="2"] {
    left: auto;
    right: -76px
}

#page-resources #tier-hero .hw-font .ornament[data-num="2"] img {
    transform: scaleX(-1)
}

#page-resources #tier-hero header p {
    width: 100%;
    max-width: 750px;
    margin: 0 auto
}

#page-resources.resources #tier-hero .hw-font .word+.word {
    margin-left: -35px
}

#page-resources.tutorials #tier-hero .hw-font .ornament[data-num="2"] {
    right: -87px
}

#page-resources .blog-grid {
    margin-top: 118px;
    padding-bottom: 180px
}

#page-resources .blog-featured {
    width: 100%;
    max-width: 1383px;
    margin: 0 auto;
    height: 608px;
    margin-top: 60px;
    position: relative
}

#page-resources .blog-featured .inner {
    position: relative;
    height: 100%;
    overflow: hidden
}

#page-resources .blog-featured .featured-photo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#page-resources .blog-featured .col {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

#page-resources .blog-featured .featured-thumb {
    background-color: #dceaff;
    max-width: 515px
}

#page-resources .blog-featured .featured-thumb .txt {
    padding: 20px 35px 30px;
    padding-right: 50px
}

#page-resources .blog-featured .featured-thumb time {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    margin-bottom: 32px;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

#page-resources .blog-featured .featured-thumb .uline-wrap .underline {
    bottom: -15px;
    width: 115%
}

#page-resources .blog-featured .featured-thumb h3 {
    line-height: 1.38;
    margin-bottom: 15px
}

#page-resources .blog-featured .featured-thumb p {
    font-size: 16px;
    height: auto
}

#page-resources .blog-featured .featured-thumb .arrow-btn {
    right: auto;
    margin-top: 25px
}

#page-resources .blog-featured .featured-wrap>a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#page-resources.search #search-btn {
    top: 0
}

/*! - PAGE: 4 BLOG > 1 SEARCH */
[id^="search-btn"] {
    position: absolute;
    right: 0;
    top: 20px;
    width: 56px;
    height: 56px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

[id^="search-btn"] .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 56px auto
}

[id^="search-btn"] .icon {
    color: #fff;
    font-size: 24px;
    line-height: 56px;
    position: relative
}

#search-btn-mob {
    display: none;
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

#search-overlay .search-modal {
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff
}

#search-overlay .search-modal .inner {
    padding: 30px 25px 50px
}

#search-overlay .search-modal h3 {
    margin-bottom: 20px
}

#search-overlay .search-modal button .icon {
    display: inline-block;
    font-size: 24px;
    color: #020f14
}

#search-overlay .search-modal .line-top {
    width: 161px;
    left: auto;
    right: 0;
    top: -4px
}

#search-overlay .search-modal .line-left {
    width: 18px;
    height: 180px;
    left: -5px;
    top: auto;
    bottom: 0
}

#search-overlay .search-modal .line-left img {
    width: 100%;
    height: 100%
}

#search-overlay .field-wrap {
    width: 100%;
    height: 48px;
    position: relative
}

#search-overlay .field-wrap .field-box {
    width: 100%;
    position: relative
}

#search-overlay .field-wrap input {
    width: 100%;
    height: 48px;
    line-height: normal;
    display: block;
    font-size: 16px;
    color: #020f14;
    padding: 0 25px 0 0
}

#search-overlay .field-wrap button {
    position: absolute;
    right: 0;
    top: 14px;
    padding: 0
}

#search-overlay .field-wrap button .icon {
    width: 32px;
    height: auto;
    display: block
}

#search-overlay .close-btn {
    position: absolute;
    right: -52px;
    top: -41px
}

#search-overlay .close-btn .icon {
    font-size: 14px
}

#search-overlay .close-btn .bg {
    background-size: 44px auto
}

.search-auto {
    position: absolute;
    left: 0;
    top: 0;
    top: 62px;
    width: 100%;
    max-width: 300px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.search-auto ul {
    list-style: none;
    width: 100%;
    text-align: left;
    max-height: 200px;
    padding: 11px 0;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #020f14
}

.search-auto li a {
    display: block;
    padding: 5px 22px;
    color: #020f14;
    font-size: 16px;
    line-height: 1.35
}

.search-auto li+li {
    margin-top: 5px
}

.search-auto.on {
    visibility: visible;
    opacity: 1
}

/*! - PAGE: 4 BLOG > 2 ARTICLE */
#page-resources.article #tier-hero .contentContainer {
    height: auto
}

#page-resources.article #tier-hero header {
    text-align: left;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 100px;
    padding-top: 12px
}

#page-resources.article #tier-hero header time {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.37px;
    margin-bottom: 32px;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

#page-resources.article #tier-hero header .uline-wrap .underline {
    bottom: -15px;
    width: 115%
}

#page-resources.article #tier-hero header h3 {
    line-height: 1.38;
    margin-bottom: 15px
}

#blog-article {
    padding-top: 78px;
    padding-bottom: 88px
}

#blog-article .contentContainer {
    max-width: 790px;
    height: auto
}

#blog-article .bodycopy *+* {
    margin-top: 30px
}

#blog-article .bodycopy p {
    font-size: 16px
}

#blog-article .bodycopy p+p {
    margin-top: 20px
}

#blog-article .bodycopy>p:first-child {
    font-size: 21px
}

#blog-article .bodycopy li {
    font-size: 16px;
    line-height: 1.9
}

#blog-article .bodycopy h2 {
    font: 400 36px/1.375 mrs-eaves-xl-serif, serif;
    color: #1B69C5;
    margin-bottom: 15px
}

#blog-article .bodycopy h2+* {
    margin-top: 0
}

#blog-article .bodycopy h2+h3 {
    margin-top: 20px
}

#blog-article .bodycopy h3 {
    font: 700 24px/1.9 aktiv-grotesk, sans-serif;
    margin-bottom: 15px
}

#blog-article .bodycopy h3+* {
    margin-top: 0
}

#blog-article .bodycopy h4 {
    font: 700 18px/1.9 aktiv-grotesk, sans-serif
}

#blog-article .bodycopy a:not(.cta-btn) {
    color: #1B69C5;
    font-weight: 700
}

#blog-article .bodycopy img {
    max-width: 100% !important;
    width: 100%;
    height: auto;
    display: block
}

#blog-article .bodycopy iframe {
    max-width: 100% !important
}

#blog-article .bodycopy *+ul {
    margin-top: 30px
}

#blog-article .bodycopy ul {
    margin-left: 50px;
    list-style: none
}

#blog-article .bodycopy ul li {
    text-indent: -1.1em
}

#blog-article .bodycopy ul li:before {
    content: "• ";
    color: #1B69C5;
    margin-right: 10px
}

#blog-article .bodycopy ul li+li {
    margin-top: 5px
}

#blog-article .bodycopy *+.figure,
#blog-article .bodycopy *+figure {
    margin-top: 50px
}

#blog-article .bodycopy .figure,
#blog-article .bodycopy figure {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 55px;
    max-width: 100% !important
}

#blog-article .bodycopy .figure img,
#blog-article .bodycopy figure img {
    width: 100%;
    height: auto;
    display: block
}

#blog-article .bodycopy .figure+*,
#blog-article .bodycopy figure+* {
    margin-top: 45px
}

#blog-article .bodycopy .figure+h2,
#blog-article .bodycopy figure+h2 {
    margin-top: 70px
}

#blog-article .quote-wrap {
    position: relative;
    text-align: center;
    margin: 90px 0;
    padding: 20px 50px
}

#blog-article .quote-wrap blockquote {
    padding: 0;
    margin: 0;
    font: 400 68px/1.12 mrs-eaves-xl-serif, serif
}

#blog-article .quote-wrap .quote {
    position: absolute;
    width: 34px
}

#blog-article .quote-wrap .quote img {
    width: 100%;
    height: auto;
    display: block
}

#blog-article .quote-wrap .quote.left {
    left: 0;
    top: 0
}

#blog-article .quote-wrap .quote.right {
    right: 0;
    bottom: 0;
    transform: scale(-1)
}

#blog-article .social-links.share {
    padding-top: 45px;
    margin-top: 40px;
    border-top: 1px solid rgba(2, 15, 20, 0.25)
}

#blog-article .social-links.share li .icon-bg {
    color: #020f14
}

#blog-article .social-links.share .hw-font {
    font-family: hwmichaelregular;
    font-size: 64px;
    line-height: .5;
    margin-bottom: 15px
}

#blog-cta {
    padding-top: 72px;
    padding-bottom: 80px
}

#blog-cta p {
    font-size: 16px
}

#blog-cta h3 {
    margin-bottom: 20px
}

#blog-cta .icon-h {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -30px;
    width: 67px
}

#blog-cta .blob-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#blog-cta .blob-bg img {
    height: 100%
}

#blog-cta .row.main .content-wrap {
    padding: 30px 40px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    position: relative;
    overflow: hidden
}

#blog-cta .row.main>.col {
    width: 48.5%
}

#blog-cta .row.main>.col.left {
    background-color: #1B69C5
}

#blog-cta .row.main>.col.right {
    background-color: #51e5da
}

#blog-cta .row.inner .phone {
    max-width: 232px
}

#blog-cta .row.inner p {
    min-height: 135px
}

#blog-cta .row.inner .cta-btn {
    margin-top: 10px
}

#blog-cta .row.inner>.col {
    width: 50%
}

#blog-cta .row.inner>.col.right {
    padding-top: 72px;
    padding-left: 5px
}

#blog-cta .col.signup .col.left {
    padding-top: 27px
}

#blog-cta .col.cards .env {
    width: 387px;
    top: 16px;
    left: -127px
}

#blog-cta .col.cards .tube {
    width: 218px;
    left: 224px;
    top: auto;
    bottom: 0
}

/*! - PAGE: 4 BLOG > 3 NEXT POSTS */
#next-posts {
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px
}

#next-posts .contentContainer {
    max-width: 1230px
}

#next-posts .illus {
    width: 176px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -120px;
    margin-left: 35px
}

#next-posts .illus img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#next-posts header {
    padding-top: 160px;
    position: relative;
    margin-bottom: 65px
}

#next-posts .next-thumbs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#next-posts .next-thumbs .blog-thumb {
    background-color: #fff;
    width: 45.5%;
    max-width: 515px;
    min-height: 320px
}

#next-posts .next-thumbs .blog-thumb .txt {
    padding: 20px 35px 30px
}

#next-posts .shape-wrap {
    width: 100%;
    height: 550px;
    position: relative
}

#next-posts .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 560px;
    clip-path: url("#next-masker");
    -webkit-clip-path: url("#next-masker");
    background-color: #dceaff
}

/*! - PAGE: 4 BLOG > 4 TUTORIALS */
#page-resources.tutorials #tier-hero {
    padding-left: 0;
    padding-right: 0
}

#page-resources.tutorials #tier-hero header {
    margin-bottom: 42px
}

#page-resources.tutorials #tier-hero header h2 {
    margin-bottom: 16px
}

#page-resources.tutorials #tier-hero header .inner {
    position: relative
}

#page-resources.tutorials #tier-hero .bg-wrap {
    position: relative;
    height: 412px
}

#page-resources.tutorials #tier-hero .background {
    width: 1056px;
    left: 50%;
    margin-left: -534px
}

#page-resources.tutorials .blog-grid {
    margin-top: 96px
}

/*! - PAGE: 5 ABOUT > 0 HERO */
#page-about #tier-hero {
    padding-bottom: 200px
}

#page-about #tier-hero h2 {
    margin-bottom: 15px
}

#page-about #tier-hero .shape-bg-wrap {
    height: 80%
}

#page-about #tier-hero .shape-wrap {
    height: 100%
}

#page-about #tier-hero .shape-bg {
    height: 100%;
    clip-path: url("#hero-masker");
    -webkit-clip-path: url("#hero-masker");
    background-color: #fafaf7
}

#page-about #tier-hero .featured-photo {
    margin-top: 72px
}

#page-about #tier-hero .featured-photo {
    max-width: 100%
}

#page-about #tier-hero .stat-buckets {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    position: relative;
    margin-top: 54px
}

#page-about #tier-hero .stat-bucket {
    width: 33.3%;
    max-width: 400px;
    padding: 0 20px 20px;
    text-align: center;
    position: relative
}

#page-about #tier-hero .stat-bucket h2 {
    margin-bottom: 10px
}

#page-about #tier-hero .stat-bucket .illus {
    width: 100%;
    height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    margin-bottom: 18px
}

#page-about #tier-hero .stat-bucket .line-div {
    position: absolute;
    left: 0;
    top: 0;
    left: -3px;
    height: 100%;
    width: 8px;
    padding-top: 80px
}

#page-about #tier-hero .stat-bucket .line-div img {
    width: 100%;
    height: 100%;
    display: block
}

#page-about #tier-hero .background .ornaments {
    width: 1206px;
    left: 266px;
    top: -32px
}

#page-about #tier-hero .background .dline {
    width: 533px;
    left: -172px;
    top: -390px
}

#page-about .about-rows {
    padding-top: 14px;
    padding-bottom: 74px;
    overflow: visible
}

#page-about .about-rows h2 {
    margin-bottom: 20px
}

#page-about .about-rows .bg-wrap {
    top: -120px;
    height: 381px;
    pointer-events: none;
    z-index: 2
}

#page-about .about-rows .pen {
    width: 1061px;
    left: 593px
}

/*! - PAGE: 5 ABOUT > 1 CONTENT ROWS */
.about-rows {
    position: relative
}

.about-rows p {
    font-size: 16px
}

.about-rows .row+.row {
    margin-top: 100px
}

.about-rows .col {
    width: 47.5%
}

.about-rows .col.text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

.about-rows .col.image {
    padding-top: 15px
}

.about-rows .col.image .image-tape {
    max-width: 515px;
    display: inline-block
}

.about-rows .col.image.right {
    text-align: right
}

/*! - PAGE: 5 ABOUT > 2 FAQ */
.faq-blocks {
    padding-bottom: 50px
}

.faq-blocks .contentContainer {
    max-width: 1090px
}

.faq-blocks header .illus {
    width: 100%;
    max-width: 385px;
    margin-bottom: 14px
}

.faq-blocks .faq-wrap {
    border-bottom: 1px solid rgba(2, 15, 20, 0.15);
    text-align: left
}

.faq-blocks .faq-wrap p {
    font-size: 16px;
    padding-right: 20px;
    max-width: none
}

.faq-blocks .faq-wrap table {
    font-size: 16px
}

.faq-blocks .faq-wrap table td+td {
    padding-left: 30px
}

.faq-blocks .faq-wrap ol+p,
.faq-blocks .faq-wrap p+ol,
.faq-blocks .faq-wrap p+p,
.faq-blocks .faq-wrap p+table,
.faq-blocks .faq-wrap p+ul,
.faq-blocks .faq-wrap table+p,
.faq-blocks .faq-wrap ul+p {
    margin-top: 20px
}

.faq-blocks .faq-wrap .faq-question {
    border-top: 1px solid rgba(2, 15, 20, 0.15);
    position: relative
}

.faq-blocks .faq-wrap .faq-question .arr {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 35px;
    top: 25px;
    margin-top: 0;
    text-align: center
}

.faq-blocks .faq-wrap .faq-question .arr .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.faq-blocks .faq-wrap .faq-question .arr .bg svg {
    right: 0;
    top: 0
}

.faq-blocks .faq-wrap .faq-question .arr .bg path {
    fill: #1B69C5
}

.faq-blocks .faq-wrap .faq-question .arr .icon {
    color: #fff;
    position: relative;
    font-size: 19px;
    top: 11px;
    left: 1px;
    transform: rotate(-90deg)
}

.faq-blocks .faq-wrap .faq-question .faq-inner {
    background-color: transparent;
    padding: 0 40px;
    border-radius: 19px
}

.faq-blocks .faq-wrap .faq-question .arr-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.faq-blocks .faq-wrap .faq-question .arr {
    -webkit-transition: transform .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: transform .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: transform .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform .5s cubic-bezier(0.5, 0, 0.5, 1)
}

.faq-blocks .faq-wrap .faq-question .arr-inner,
.faq-blocks .faq-wrap .faq-question .faq-inner {
    -webkit-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: all .5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

.faq-blocks .faq-wrap .faq-question .question {
    cursor: pointer;
    padding: 28px 0
}

.faq-blocks .faq-wrap .faq-question .answer,
.faq-blocks .faq-wrap .faq-question .question h3 {
    max-width: 715px
}

.faq-blocks .faq-wrap .faq-question .answer {
    height: 0;
    overflow: hidden
}

.faq-blocks .faq-wrap .faq-question .answer>div {
    padding-top: 2px;
    padding-bottom: 50px
}

.faq-blocks .faq-wrap .faq-question.open .arr {
    transform: translateY(55px)
}

.faq-blocks .faq-wrap .faq-question.open .arr .arr-inner {
    transform: rotate(-180deg)
}

.faq-blocks .faq-wrap .faq-question.open .answer {
    height: auto
}

.faq-blocks .faq-wrap .faq-question.open .faq-inner {
    background-color: #fafaf7;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 17px
}

.faq-blocks .faq-wrap+.faq-wrap {
    margin-top: 90px
}

#company-faq {
    padding-bottom: 140px;
    overflow: visible
}

#company-faq .bg-wrap {
    z-index: 0
}

#company-faq .bg-wrap[data-num="1"] {
    height: 1900px;
    top: -114px
}

#company-faq .env[data-num="1"] {
    width: 493px;
    left: -185px;
    top: 0
}

#company-faq .env[data-num="2"] {
    width: 588px;
    left: -424px;
    top: 703px
}

#company-faq .env[data-num="3"] {
    width: 534px;
    left: 1564px;
    top: 1248px
}

/*! - PAGE: 5 ABOUT > 3 HELP */
#about-help {
    margin-top: 168px;
    padding-bottom: 150px;
    background-color: #1B69C5;
    z-index: 0 !important;
    overflow: hidden
}

#about-help .shape-bg-wrap {
    height: 730px
}

#about-help .shape-wrap {
    width: 100%;
    height: 700px;
    position: absolute;
    background-color: #fff
}

#about-help .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#help-masker");
    -webkit-clip-path: url("#help-masker");
    background-color: #1B69C5
}

#about-help .shape-bg .background {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#about-help .contentContainer {
    padding-top: 135px
}

#about-help .form-wrap {
    width: 100%;
    max-width: 577px;
    margin: 0 auto;
    margin-top: 48px
}

#about-help .form-wrap .inner {
    padding-bottom: 10px
}

#about-help .form-wrap .thank-you {
    margin-top: 10px
}

#about-help .form-wrap .line-left {
    bottom: 180px
}

#about-help .form-wrap .line-top {
    width: 161px;
    left: auto;
    right: 0;
    top: -8px
}

#about-help .bg-wrap {
    top: auto;
    bottom: 0;
    height: 600px
}

#about-help .dline-anim[data-num="1"],
#about-help .dline[data-num="1"] {
    width: 585px;
    left: 43px;
    top: -46px
}

#about-help .dline-anim[data-num="2"],
#about-help .dline[data-num="2"] {
    width: 1009px;
    height: 452px;
    left: 824px;
    top: 28px
}

/*! - PAGE: 5 ABOUT > 4 VS PAGE */
#page-company-vs #tier-hero {
    z-index: 2;
    padding-bottom: 110px
}

#page-company-vs #tier-hero h2 {
    margin-bottom: 15px
}

#page-company-vs #tier-hero .illus {
    width: 342px;
    display: inline-block;
    margin-bottom: 20px
}

#page-company-vs .about-rows {
    background-color: #fafaf7;
    padding: 20px 0 145px;
    overflow: visible;
    z-index: 1
}

#page-company-vs .about-rows .contentContainer {
    max-width: 1300px
}

#page-company-vs .about-rows .shape-wrap {
    width: 100%;
    height: 500px;
    position: absolute;
    top: -500px;
    background-color: #fff;
    overflow: hidden
}

#page-company-vs .about-rows .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#vs-masker");
    -webkit-clip-path: url("#vs-masker");
    background-color: #fafaf7
}

#page-company-vs .about-rows p+.cta-btn {
    margin-top: 30px
}

#page-company-vs .about-rows h2 {
    margin-bottom: 20px
}

#page-company-vs .customers {
    padding-top: 110px
}

#page-company-vs .customers .background {
    top: 178px
}

.vs-data {
    width: 100%;
    max-width: 1383px;
    margin: 0 auto;
    margin-top: 74px;
    position: relative
}

.vs-data .inner {
    position: relative;
    overflow: hidden;
    padding: 88px 50px;
    background-color: #1B69C5;
    text-align: center
}

.vs-data .txt {
    width: 100%;
    max-width: 680px;
    margin: 0 auto
}

.vs-data .background {
    width: 1316px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    left: 50%;
    margin-left: -712px
}

.vs-data .background[data-num="1"] {
    top: -10px
}

.vs-data .background[data-num="2"] {
    top: auto;
    bottom: 0
}

.vs-data .squiggle-line {
    width: 166px;
    height: auto;
    display: block;
    margin: 25px auto 42px
}

.vs-data .tape-wrap {
    z-index: 2
}

#vs-faq {
    text-align: center;
    padding-top: 178px;
    padding-bottom: 155px
}

#vs-faq .faq-wrap {
    text-align: left
}

#vs-faq .cta-btn {
    margin-top: 56px
}

#vs-faq .background {
    height: 100%
}

#vs-faq .background .robot {
    width: 183px;
    left: 1522px;
    top: auto;
    bottom: -172px
}

#vs-faq .background .dline {
    width: 533px;
    left: -60px;
    top: -140px;
    transform: rotate(-20deg)
}

#bulk-slider,
#vs-slider {
    margin-top: 38px
}

#bulk-slider .module-slider-wrap,
#vs-slider .module-slider-wrap {
    width: 100%;
    height: 240px;
    position: relative
}

#bulk-slider .module-slider,
#vs-slider .module-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 240px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 1290px
}

#bulk-slider .module-slide,
#vs-slider .module-slide {
    width: 334px;
    height: 240px;
    border: 1px solid rgba(2, 15, 20, 0.15)
}

#bulk-slider .module-slide .row,
#vs-slider .module-slide .row {
    position: relative;
    height: 120px;
    text-align: center
}

#bulk-slider .module-slide .row.featured,
#vs-slider .module-slide .row.featured {
    color: #1B69C5
}

#bulk-slider .module-slide .row.featured .card-inner,
#vs-slider .module-slide .row.featured .card-inner {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    background-color: #fafaf7;
    padding: 0 10px
}

#bulk-slider .module-slide .row.other,
#vs-slider .module-slide .row.other {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    padding: 0 10px
}

#bulk-slider .module-slide p,
#vs-slider .module-slide p {
    font-size: 15px
}

#bulk-slider .module-slide h3,
#vs-slider .module-slide h3 {
    margin-bottom: 10px
}

#bulk-slider .module-slide .line-bot,
#vs-slider .module-slide .line-bot {
    width: 161px;
    height: 16px;
    left: 122px;
    top: auto;
    bottom: -5px
}

#bulk-slider .module-slide .line-left,
#vs-slider .module-slide .line-left {
    width: 8px;
    height: 100px;
    left: -3px;
    top: 5px
}

#bulk-slider .module-slide .line-left img,
#vs-slider .module-slide .line-left img {
    height: 100%
}

#bulk-slider .slide-controls,
#vs-slider .slide-controls {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

#bulk-slider .slide-controls[data-num="1"],
#vs-slider .slide-controls[data-num="1"] {
    margin-bottom: 38px;
    margin-bottom: 24px;
    max-width: 420px
}

#bulk-slider .slide-controls[data-num="1"] .slide-count,
#vs-slider .slide-controls[data-num="1"] .slide-count {
    height: 44px
}

#bulk-slider .slide-controls[data-num="2"],
#vs-slider .slide-controls[data-num="2"] {
    margin-top: 20px
}

#bulk-slider .slide-controls[data-num="2"] .slide-count,
#vs-slider .slide-controls[data-num="2"] .slide-count {
    width: 100%;
    padding: 0;
    text-align: center
}

#bulk-slider .slide-controls .arrow-btn,
#vs-slider .slide-controls .arrow-btn {
    position: absolute;
    top: 0
}

#bulk-slider .slide-title,
#vs-slider .slide-title {
    font-size: 17px;
    line-height: 1.3;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    position: relative;
    top: -14px;
    height: 70px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    overflow: hidden
}

/*! - PAGE: 6 MARKET SOLUTIONS > 0 HERO */
#page-market-solutions #tier-hero header {
    margin-bottom: 80px
}

#page-market-solutions .about-rows p+.cta-btn {
    margin-top: 30px
}

#page-market-solutions .about-rows .row+.row {
    margin-top: 60px
}

#solutions-rows {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 120px
}

/*! - PAGE: 7 PRICING > 0 HERO */
#page-pricing #tier-hero {
    padding-top: 168px;
    padding-bottom: 110px;
    background-color: #dceaff;
    z-index: 3;
    overflow: visible
}

#page-pricing #tier-hero .contentContainer {
    max-width: 1400px;
    z-index: 2
}

#page-pricing #tier-hero .cta-btn {
    margin: 44px 0 42px
}

#page-pricing #tier-hero .hw-font {
    font-family: hwryanregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px;
    transform: translateY(5px)
}

#page-pricing #tier-hero .writer-wrap {
    position: relative
}

#page-pricing #tier-hero .writer-wrap p {
    position: relative;
    z-index: 2
}

#page-pricing #tier-hero .writer-wrap .side-arm-fpo {
    left: -324px;
    top: -18px;
    width: 408px
}

#page-pricing #tier-hero .writer-wrap .side-arm-static {
    left: -715px;
    top: -18px;
    width: 573px
}

#page-pricing #tier-hero .writer-wrap .side-arm {
    left: -551px;
    top: 162px;
    width: 616px
}

#page-pricing #tier-hero .writer-wrap .uline-wrap .underline {
    width: 54px;
    width: 0;
    height: 6px;
    overflow: hidden
}

#page-pricing #tier-hero .writer-wrap .uline-wrap .underline img {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 6px
}

#page-pricing #tier-hero .col {
    width: 50%
}

#page-pricing #tier-hero .col.text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#page-pricing #tier-hero .col.text .inner-wrap {
    width: 100%;
    max-width: 600px;
    padding-right: 50px
}

#page-pricing #tier-hero .col.text .txt {
    max-width: 480px
}

#page-pricing #tier-hero .col.image {
    padding-top: 35px
}

#page-pricing #tier-hero .sizer {
    visibility: hidden
}

#page-pricing #tier-hero .bg-wrap {
    height: 100%;
    padding-top: 168px;
    z-index: 0
}

#page-pricing #tier-hero .background {
    left: auto;
    top: 35px;
    width: 700px;
    transform-origin: left top
}

#page-pricing #tier-hero .background .base {
    width: 700px
}

#page-pricing #globalFooter {
    z-index: 5
}

/*! - PAGE: 7 PRICING > 1 PLANS */
#pricing-plans {
    padding-top: 110px;
    padding-bottom: 100px
}

#pricing-plans .compare-table .col {
    width: 20%;
    text-align: center;
    border-left: 1px solid rgba(2, 15, 20, 0.15)
}

#pricing-plans .compare-table .col.labels {
    border: 0
}

#pricing-plans .compare-table .col.featured {
    border: 0
}

#pricing-plans .compare-table .col.featured .featured-inner {
    padding: 17px 0 0
}

#pricing-plans .compare-table .col.featured .featured-inner .table-row {
    max-width: none
}

#pricing-plans .compare-table .col.featured .featured-inner .table-row p {
    padding: 0 20px
}

#pricing-plans .compare-table .col.featured .table-row {
    border-right: 0;
    border-color: rgba(2, 15, 20, 0.15)
}

#pricing-plans .compare-table .col.other+.other {
    border-left: 0
}

#pricing-plans .compare-table .table-row.hasBtn {
    padding: 18px 22px
}

#pricing-plans .compare-table .table-row.cta.tall {
    min-height: 100px
}

#pricing-plans .compare-table .table-row.title h3 {
    margin-bottom: 0
}

#pricing-plans .compare-table .title {
    color: #1B69C5
}

#pricing-plans .compare-table .cta-btn {
    margin-top: 0
}

#pricing-plans .compare-table.four-col .col {
    width: 24.5%
}

#pricing-plans .compare-table.four-col .col.labels {
    width: 26.5%
}

#pricing-plans .table-footnote {
    font-size: 16px;
    color: #1B69C5;
    margin-top: -10px;
    padding-left: 22px
}

/*! - PAGE: 7 PRICING > 2 BULK */
#pricing-bulk {
    background-color: #dceaff;
    padding-bottom: 155px;
    margin-top: -222px;
    z-index: 0
}

#pricing-bulk h2 {
    margin-bottom: 25px
}

#pricing-bulk .contentContainer {
    margin-top: -360px
}

#pricing-bulk .hw-font {
    font-family: hwryanregular;
    font-size: 115px;
    width: 35px;
    margin-left: -8px;
    margin-right: 10px
}

#pricing-bulk .col {
    width: 50%
}

#pricing-bulk .col.image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

#pricing-bulk .col.image .sizer {
    visibility: hidden
}

#pricing-bulk .col.image .background {
    top: auto;
    bottom: 0;
    width: 600px;
    transform-origin: left bottom
}

#pricing-bulk .col.text {
    padding-top: 32.5%;
    padding-left: 50px
}

#pricing-bulk .col.text .txt {
    width: 100%;
    max-width: 480px;
    margin: 0 auto
}

#pricing-bulk .cta {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 110px;
    text-align: center
}

#pricing-bulk .shape-bg-wrap {
    position: relative
}

#pricing-bulk .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: 363px;
    width: 100%;
    min-width: 1830px;
    height: 730px;
    clip-path: url("#app-masker");
    -webkit-clip-path: url("#app-masker");
    background-color: #dceaff
}

#pricing-bulk .bg-wrap {
    z-index: 1;
    pointer-events: none
}

#pricing-bulk .bg-wrap[data-num="1"] {
    height: 800px
}

#pricing-bulk .bg-wrap[data-num="2"] {
    top: auto;
    bottom: 130px;
    height: 680px
}

#pricing-bulk .env[data-num="1"] {
    width: 604px;
    left: -245px;
    top: 416px
}

#pricing-bulk .env[data-num="1"] img {
    transform: rotate(10deg)
}

#pricing-bulk .env[data-num="2"] {
    width: 606px;
    left: -10px;
    top: 175px
}

#pricing-bulk .env[data-num="2"] img {
    transform: rotate(6deg)
}

#pricing-bulk .env[data-num="3"] {
    width: 561px;
    left: 1000px;
    top: 214px
}

#pricing-bulk .compare-table {
    position: relative;
    border: 3px solid #020f14;
    margin-top: 118px
}

#pricing-bulk .compare-table .col {
    background-color: #fff;
    width: 16.6%;
    text-align: center
}

#pricing-bulk .compare-table .col .table-row {
    border-right: 1px solid rgba(2, 15, 20, 0.15)
}

#pricing-bulk .compare-table .col.labels {
    width: 17%;
    border: 0
}

#pricing-bulk .compare-table .col.featured {
    width: 16.6%;
    border: 0;
    margin-bottom: -35px
}

#pricing-bulk .compare-table .col.featured .featured-inner {
    padding: 17px 0 0
}

#pricing-bulk .compare-table .col.featured .table-row {
    border-right: 0;
    border-color: rgba(2, 15, 20, 0.15)
}

#pricing-bulk .compare-table .col.featured .line-top {
    width: 100%;
    left: -4px;
    top: -5px
}

#pricing-bulk .compare-table .col.featured .line-bot {
    bottom: -2px
}

#pricing-bulk .compare-table .border-line[data-num="1"] {
    width: 153px;
    left: -9px;
    top: -5px
}

#pricing-bulk .compare-table .border-line[data-num="2"] {
    width: 169px;
    left: auto;
    right: -9px;
    top: -7px
}

#pricing-bulk .compare-table .side-dot {
    width: 8px;
    left: -28px;
    top: -9px
}

#bulk-slider {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 43px
}

#bulk-slider .slide-controls {
    max-width: 300px;
    margin-top: 40px
}

#bulk-slider .module-slider-wrap {
    height: 156px
}

#bulk-slider .module-slider {
    height: auto
}

#bulk-slider .module-slide {
    position: relative;
    border: 3px solid #020f14;
    width: 100%;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

#bulk-slider .module-slide .border-line[data-num="1"] {
    width: 153px;
    left: -9px;
    top: -8px
}

#bulk-slider .module-slide .border-line[data-num="2"] {
    width: 169px;
    left: auto;
    right: -9px;
    top: -7px
}

#bulk-slider .module-slide.featured .border-line[data-num="2"] {
    width: 100%;
    max-width: 120px;
    right: -6px;
    top: -15px
}

#bulk-slider .col {
    background-color: #fff
}

#bulk-slider .col .table-row {
    border-top: 1px solid rgba(2, 15, 20, 0.15);
    padding: 10px 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center
}

#bulk-slider .col .table-row:last-child {
    border-bottom: 1px solid rgba(2, 15, 20, 0.15)
}

#bulk-slider .col.labels {
    width: 58%;
    text-align: left;
    border-right: 1px solid rgba(2, 15, 20, 0.15)
}

#bulk-slider .col.labels .table-row {
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: center;
    border-left: 1px solid rgba(2, 15, 20, 0.15)
}

#bulk-slider .col.other {
    width: 42%;
    text-align: center
}

#bulk-slider .col.other .table-row {
    border-right: 1px solid rgba(2, 15, 20, 0.15)
}

#bulk-slider .col.featured {
    width: 42%;
    text-align: center
}

#bulk-slider .col.featured .featured-inner {
    padding: 0
}

#bulk-slider .col.featured .inner {
    background-color: #fafaf7;
    color: #1B69C5;
    position: relative;
    border: 3px solid #020f14;
    top: -20px;
    position: absolute;
    width: 100%
}

#bulk-slider .col.featured .table-row {
    border-right: 0;
    border-color: rgba(2, 15, 20, 0.15)
}

#bulk-slider .col.featured .line-top {
    width: 90%;
    max-width: 163px;
    left: -4px;
    top: -26px
}

#bulk-slider .col.featured .line-top img {
    height: 100%
}

#bulk-slider .col.featured .line-bot {
    width: 100%;
    max-width: 242px;
    left: auto;
    right: -1px;
    top: auto;
    bottom: -26px
}

#bulk-slider .col.featured .line-bot img {
    height: 100%
}

/*! - PAGE: 7 PRICING > 3 POPUP */
#pricing-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 30
}

#pricing-popup .popup-box {
    position: absolute;
    right: 22%;
    bottom: 0;
    height: 377px;
    text-align: center;
    transform-origin: center bottom;
    transform: translateY(380px) rotate(90deg)
}

#pricing-popup .popup-box .inner {
    width: 262px;
    height: 224px;
    border: solid 3px #020f14;
    background-color: #dceaff;
    padding: 30px 25px 25px
}

#pricing-popup .popup-box h3 {
    font: 400 23px/1.375 mrs-eaves-xl-serif, serif;
    margin-bottom: 16px
}

#pricing-popup .popup-box .cta-btn {
    margin-bottom: 16px
}

#pricing-popup .popup-box a:not(.cta-btn) {
    color: #020f14;
    text-decoration: underline;
    font-size: 15px;
    display: inline-block
}

#pricing-popup .popup-box .arm {
    width: 47px;
    top: 188px;
    left: 100px
}

#pricing-popup .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0.8);
    display: none
}

@media screen and (min-width:900px) {
    .wrap {
        -webkit-animation: floatYPP infinite 3s ease-in-out;
        -moz-animation: floatYPP infinite 3s ease-in-out;
        animation: floatYPP infinite 3s ease-in-out;
        animation-fill-mode: forwards
    }
}

@-moz-keyframes floatYPP {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes floatYPP {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes floatYPP {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.float-ypp {
    -webkit-animation: floatYPP infinite 3s ease-in-out;
    -moz-animation: floatYPP infinite 3s ease-in-out;
    animation: floatYPP infinite 3s ease-in-out;
    animation-fill-mode: forwards
}

/*! - PAGE: 8 AUTO DEALERS */
#page-auto-dealers #tier-hero header {
    margin-bottom: 80px
}

#page-auto-dealers #tier-hero header p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

#page-auto-dealers .about-rows p+.cta-btn {
    margin-top: 30px
}

#page-auto-dealers .about-rows .row+.row {
    margin-top: 60px
}

#page-auto-dealers .about-rows h2 {
    max-width: 550px
}

#page-auto-dealers #pricing-plans .table-footnote {
    margin-top: 15px
}

#page-auto-dealers #pricing-plans .table-row.price p {
    font: 400 24px/1.375 mrs-eaves-xl-serif, serif;
    color: #1B69C5
}

#page-auto-dealers #pricing-plans .compare-table .table-row.included {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

#page-auto-dealers .customers {
    padding-top: 88px
}

#page-auto-dealers .customers .background {
    top: 178px
}

#auto-partners {
    padding-top: 30px;
    padding-bottom: 40px
}

#auto-partners .partners-wrap {
    margin-top: 58px
}

#auto-partners .partner-logo {
    width: 25%;
    max-width: 182px;
    margin-bottom: 25px
}

/*! - PAGE: 9 GIFT CARDS -> 0 HERO */
[id^="page-gift-card"] #tier-hero {
    padding-bottom: 225px;
    text-align: center;
    background-color: #dceaff
}

[id^="page-gift-card"] #tier-hero .txt {
    width: 100%;
    max-width: 760px;
    margin: 0 auto
}

[id^="page-gift-card"] #tier-hero .shape-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 730px;
    background-color: #fff
}

[id^="page-gift-card"] #tier-hero .shape-bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1830px;
    height: 100%;
    clip-path: url("#hero-masker");
    -webkit-clip-path: url("#hero-masker");
    overflow: hidden;
    background-color: #dceaff
}

[id^="page-gift-card"] #tier-hero .illus {
    width: 288px;
    height: 187px;
    left: 50%;
    margin-left: -144px;
    top: auto;
    bottom: -9px
}

/*! - PAGE: 9 GIFT CARDS -> 1 GRID */
#gift-card-grid {
    padding-top: 92px;
    padding-bottom: 35px
}

.gc-grid .gc-thumb {
    width: 31.5%;
    max-width: 344px;
    position: relative;
    margin-bottom: 58px
}

.gc-grid .filler {
    margin: 0
}

.gc-grid .gc-img {
    margin-bottom: 15px
}

/*! - PAGE: 9 GIFT CARDS -> 2 DETAIL */
#gc-detail {
    padding-top: 92px;
    padding-bottom: 50px
}

#gc-detail .card {
    width: 100%;
    max-width: 1044px;
    margin: 0 auto;
    position: relative
}

#gc-detail .card-inner {
    text-align: left;
    height: 100%;
    border: 3px solid #020f14;
    background-color: #fff;
    position: relative;
    padding: 66px 50px 60px;
    z-index: 1
}

#gc-detail .row {
    width: 100%;
    max-width: 880px;
    margin: 0 auto
}

#gc-detail .col.left {
    width: 57%;
    max-width: 450px
}

#gc-detail .col.right {
    width: 39%;
    max-width: 344px
}

#gc-detail .title-wrap {
    padding-left: 73px;
    padding-top: 12px;
    margin-bottom: 30px;
    min-height: 46px
}

#gc-detail .title-wrap .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px
}

#gc-detail .border-line[data-num="1"] {
    width: 163px;
    left: -9px;
    top: -5px
}

#gc-detail .border-line[data-num="2"] {
    width: 250px;
    left: auto;
    top: auto;
    right: -8px;
    bottom: -5px
}

#gc-detail ul {
    list-style: none;
    max-width: 300px;
    -webkit-columns: 2 auto;
    -moz-columns: 2 auto;
    columns: 2 auto;
    -webkit-column-gap: auto;
    -moz-column-gap: auto;
    column-gap: auto
}

#gc-detail ul li {
    font-size: 16px
}

#gc-detail ul li+li {
    margin-top: 30px
}

#gc-detail p+ul {
    margin-top: 35px
}

#gc-detail .cta-btn {
    margin-top: 50px
}

#gc-detail .side-dot {
    width: 8px;
    left: -28px;
    top: -9px
}

#gc-detail .dline {
    width: 528px;
    left: auto;
    top: -215px;
    right: -402px;
    z-index: 2
}

#gc-detail .dline img {
    transform: scaleX(-1)
}

#gc-popular {
    padding-top: 108px;
    padding-bottom: 80px
}

#gc-popular h2 {
    text-align: center
}

#gc-popular .gc-grid {
    margin-top: 50px
}

/*! - PAGE: x10 NETFLIX */
#page-netflix #tier-hero {
    padding: 135px 0 175px
}

#page-netflix #tier-hero h1+p {
    margin-top: 8px
}

#page-netflix #tier-hero .cta-btn {
    padding: 26px 30px
}

#page-netflix #tier-hero .divline {
    width: 102px;
    margin: 45px auto 34px
}

#page-netflix #tier-hero .image-full {
    width: 100%;
    height: auto;
    margin-bottom: 78px
}

#page-netflix #tier-hero .txt {
    width: 100%;
    max-width: 1156px;
    margin: 0 auto;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px
}

#page-netflix #tier-hero p+.cta-btn {
    margin-top: 26px
}

#page-netflix #tier-hero .terms {
    font-size: 14px;
    line-height: 1.64;
    color: #9a9a9a;
    margin-top: 90px;
    text-align: left
}

/*! - GLOBAL: 7 HOVERS */
@media screen and (min-width:1025px) {
    a {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    #blog-article .bodycopy a:not(.cta-btn):hover,
    #page-generic #main a:hover,
    p a:not(.cta-btn):hover {
        color: #e73f2f
    }

    .cta-btn.orange:hover {
        background-color: #e73f2f
    }

    .cta-btn.black:hover {
        background-color: #292d2f
    }

    .btn-hasbg .bg {
        -webkit-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .btn-hasbg:hover>.bg {
        opacity: .85
    }

    .arrow-btn .bg path {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .arrow-btn:hover>.bg svg path {
        fill: #e73f2f
    }

    .dot-nav .dot-btn:not(.on):hover>.icon-dot {
        color: #fff
    }

    .arrow-btn .arrow-line,
    .arrow-btn .icon {
        -webkit-transition: transform .5s ease-in-out;
        -moz-transition: transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out
    }

    .arrow-btn:hover>.icon {
        transform: translateX(3px)
    }

    .arrow-btn:hover>.icon .arrow-line {
        transform: scale(1) translateY(0.5px)
    }

    .cta-btn.hasIcon .arrow-line,
    .cta-btn.hasIcon .icon {
        -webkit-transition: transform .5s ease-in-out;
        -moz-transition: transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out
    }

    .cta-btn.hasIcon:hover>.icon-wrap>.icon {
        transform: translateX(3px)
    }

    .cta-btn.hasIcon:hover>.icon-wrap>.icon .arrow-line {
        transform: scale(1) translateY(0.5px)
    }

    #globalHeader a:not(.cta-btn):hover,
    #globalMenu a:not(.cta-btn):hover {
        color: #1B69C5
    }

    #globalHeader a:not(.cta-btn):hover>.icon,
    #globalMenu a:not(.cta-btn):hover>.icon {
        color: #1B69C5
    }

    #globalMenu .menu-btn:hover {
        background-color: #e73f2f
    }

    #globalMenu .menu-contents .subnav li a:hover {
        opacity: 1
    }

    #globalFooter .icon {
        -webkit-transition: color .3s linear;
        -moz-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    #globalFooter a:hover {
        color: #1B69C5
    }

    #globalFooter a:hover>.icon {
        color: #1B69C5
    }

    .social-links li:hover>.icon-bg {
        color: #1B69C5 !important
    }

    .search-auto li a:hover {
        color: #1B69C5
    }

    .featured-wrap:hover>.col .featured-thumb .txt .arrow-btn .bg svg path {
        fill: #e73f2f
    }

    .featured-wrap:hover>.col .featured-thumb .txt .arrow-btn .icon {
        transform: translateX(3px)
    }

    .featured-wrap:hover>.col .featured-thumb .txt .arrow-btn .icon .arrow-line {
        transform: scale(1) translateY(0.5px)
    }

    #next-posts .next-thumbs .blog-thumb {
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out
    }

    #next-posts .next-thumbs .blog-thumb:hover {
        transform: translateY(-30px)
    }

    .faq-blocks .faq-wrap .faq-question .question h3 {
        -webkit-transition: color .3s linear;
        -moz-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .faq-blocks .faq-wrap .faq-question .question .bg path {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .faq-blocks .faq-wrap .faq-question .question:hover>h3 {
        color: #1B69C5
    }

    .faq-blocks .faq-wrap .faq-question .question:hover>.arr .bg svg path {
        fill: #e73f2f
    }

    #int-cta .cta-btn.orange:hover {
        background-color: #e73f2f
    }

    #int-cta .cta-btn.black {
        background-color: #020f14
    }

    #int-cta .cta-btn.black:hover {
        background-color: #161c21
    }

    .compare-table .table-row.cta a:hover {
        background-color: #e73f2f
    }

    #cookies-overlay li:not(.cta) a:hover {
        opacity: .7
    }

    .gc-grid .gc-img {
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .gc-grid .gc-img:hover {
        transform: translateY(-5px)
    }
}

/*! - x ANIMATIONS ***************************** */
/*! - x ANIMATIONS: 0 REUSE -> 0 PARTS */
path {
    -webkit-transition: fill .3s linear;
    -moz-transition: fill .3s linear;
    -o-transition: fill .3s linear;
    transition: fill .3s linear
}

.base {
    position: relative
}

.part svg {
    position: absolute;
    left: 0;
    top: 0
}

.svg-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0
}

.svg-mask path {
    stroke: transparent !important
}

.dline-mask {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px
}

body.test .hasAnim .part:not(.main):not(.base) {
    background-color: rgba(255, 0, 0, 0.2);
    opacity: .5
}

body.test .hasAnim .part-wrap:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border: 1px solid red
}

.shape-path svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.shape-path path {
    fill: none;
    stroke: #3d5afe;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.15px
}

.shape-wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.path-dot {
    width: 10px
}

.plane {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 44px
}

.confetti {
    width: 41px
}

.c-dot {
    width: 6px
}

.robot-hand {
    width: 108px
}

.robot-hand .hand-inner {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translateY(-50px)
}

.robot-hand .hand-inner img {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom center
}

.robot-hand .hand-inner .ball {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #020f14;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%)
}

.robot-hand .stretch-arm {
    width: 4px;
    height: 100px;
    left: 50%;
    margin-left: -2px;
    top: auto;
    bottom: 0;
    transform-origin: bottom center
}

.robot-hand .stretch-arm img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

/*! - x ANIMATIONS: 0 REUSE -> 1 ANIMS */
@-moz-keyframes slideLeft {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@-webkit-keyframes slideLeft {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes slideLeft {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.slide-left {
    -webkit-animation: slideLeft infinite 10s linear;
    -moz-animation: slideLeft infinite 10s linear;
    animation: slideLeft infinite 10s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes slideRight {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50%)
    }
}

@-webkit-keyframes slideRight {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50%)
    }
}

@keyframes slideRight {
    0 {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50%)
    }
}

.slide-right {
    -webkit-animation: slideRight infinite 10s linear;
    -moz-animation: slideRight infinite 10s linear;
    animation: slideRight infinite 10s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes horzScroll {
    0 {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes horzScroll {
    0 {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes horzScroll {
    0 {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

.horz-scroll {
    -webkit-animation: horzScroll infinite 3s linear;
    -moz-animation: horzScroll infinite 3s linear;
    animation: horzScroll infinite 3s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes vertScroll {
    0 {
        transform: translateY(-50%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes vertScroll {
    0 {
        transform: translateY(-50%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes vertScroll {
    0 {
        transform: translateY(-50%)
    }

    100% {
        transform: translateY(0)
    }
}

.vert-scroll {
    -webkit-animation: vertScroll infinite 3s linear;
    -moz-animation: vertScroll infinite 3s linear;
    animation: vertScroll infinite 3s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes floatY {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes floatY {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes floatY {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.float-y {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes floatX {
    0 {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(-10px)
    }
}

@-webkit-keyframes floatX {
    0 {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(-10px)
    }
}

@keyframes floatX {
    0 {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(-10px)
    }
}

.float-x {
    -webkit-animation: floatX infinite 10s ease-in-out;
    -moz-animation: floatX infinite 10s ease-in-out;
    animation: floatX infinite 10s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes blink {
    0 {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0 {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blink {
    0 {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.blinker {
    -webkit-animation: blink infinite 1.5s ease-in-out;
    -moz-animation: blink infinite 1.5s ease-in-out;
    animation: blink infinite 1.5s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes meterMove {
    0 {
        transform: rotate(-50deg)
    }

    50% {
        transform: rotate(50deg)
    }

    100% {
        transform: rotate(-50deg)
    }
}

@-webkit-keyframes meterMove {
    0 {
        transform: rotate(-50deg)
    }

    50% {
        transform: rotate(50deg)
    }

    100% {
        transform: rotate(-50deg)
    }
}

@keyframes meterMove {
    0 {
        transform: rotate(-50deg)
    }

    50% {
        transform: rotate(50deg)
    }

    100% {
        transform: rotate(-50deg)
    }
}

.meter-move {
    -webkit-animation: meterMove infinite 6s ease-in-out;
    -moz-animation: meterMove infinite 6s ease-in-out;
    animation: meterMove infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes spinner {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinner {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.spin {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes twister {
    0 {
        transform: rotate(-20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(-20deg)
    }
}

@-webkit-keyframes twister {
    0 {
        transform: rotate(-20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(-20deg)
    }
}

@keyframes twister {
    0 {
        transform: rotate(-20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(-20deg)
    }
}

.twist {
    -webkit-animation: twister infinite 6s ease-in-out;
    -moz-animation: twister infinite 6s ease-in-out;
    animation: twister infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes twisterLess {
    0 {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

@-webkit-keyframes twisterLess {
    0 {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

@keyframes twisterLess {
    0 {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

.twistLess {
    -webkit-animation: twisterLess infinite 6s ease-in-out;
    -moz-animation: twisterLess infinite 6s ease-in-out;
    animation: twisterLess infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes tinyTwister {
    0 {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes tinyTwister {
    0 {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

@keyframes tinyTwister {
    0 {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

.tiny-twist {
    -webkit-animation: tinyTwister infinite 4s ease-in-out;
    -moz-animation: tinyTwister infinite 4s ease-in-out;
    animation: tinyTwister infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 1 HOME -> 0 PARTS */
#home-hero .plane-cover {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    top: 850px;
    background-color: #fff
}

#home-hero .dline-anim[data-num="1"] {
    width: 1100px;
    left: 690px;
    top: 178px
}

#home-hero .dline-anim[data-num="1"] .plane img {
    transform: rotate(35deg)
}

#home-hero .dline-anim[data-num="2"] {
    width: 970px;
    left: 2px;
    top: 517px
}

#home-hero .dline-anim[data-num="2"] .plane img {
    transform: scaleX(-1) rotate(-143deg)
}

#home-hero .dline-anim .plane {
    display: none
}

#home-hero .side-arm .robot-hand {
    left: 252px;
    top: -45px;
    height: 45px
}

#home-hero .side-arm .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#home-hero .side-arm .robot-hand .hand-inner img {
    transform: rotate(-14deg)
}

#home-hero .side-arm .robot-hand .stretch-arm {
    transform: scaleY(0.24)
}

#home-hero .arm.writer .arm-base {
    width: 302px
}

#home-hero .arm.writer .robot-arm {
    width: 450px;
    height: 672px;
    left: -325px;
    overflow: hidden
}

#home-hero .arm.writer .robot-arm .arm-inner {
    width: 400px;
    left: 50px;
    transform: translateX(275px)
}

#home-hero .arm.writer .robot-hand {
    left: -35px;
    top: 490px;
    height: 45px;
    transform: rotate(180deg)
}

#home-hero .arm.writer .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#home-hero .arm.writer .robot-hand .hand-inner img {
    transform: rotate(-35deg)
}

#home-hero .arm.writer .robot-hand .stretch-arm {
    transform: scaleY(0.24)
}

#home-hero .doodler-wrap {
    position: absolute;
    width: 351px;
    left: 616px;
    top: 263px
}

#home-hero .doodler-wrap .arm {
    left: 124px;
    top: 0;
    width: 226px
}

#home-hero .doodler-wrap .smiley {
    left: 0;
    top: 49px;
    width: 31px
}

#home-hero .doodler-wrap .heart {
    left: 41px;
    top: 65px;
    width: 31px
}

#home-hero .doodler-wrap .smiley-piece {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#home-hero .doodler-wrap .smiley-piece.eye {
    opacity: 0
}

#home-hero .doodler-wrap .smiley-piece.eye[data-num="1"] {
    left: 10px;
    width: 5px
}

#home-hero .doodler-wrap .smiley-piece.eye[data-num="2"] {
    left: 17px;
    width: 5px
}

#home-hero .doodler-wrap .smiley-piece.mouth {
    overflow: hidden
}

#home-hero .doodler-wrap .smiley-piece.mouth img {
    position: absolute;
    left: 0;
    top: 0
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="1"] {
    top: 2px;
    width: 9px;
    height: 18px;
    height: 0
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="1"] img {
    width: 9px;
    height: 18px
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="2"] {
    left: 9px;
    top: 16px;
    width: 17px;
    width: 0;
    height: 6px
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="2"] img {
    width: 17px;
    height: 6px
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="3"] {
    left: 22px;
    top: 1px;
    width: 9px;
    height: 20px
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="3"] img {
    width: 9px;
    height: 20px;
    clip-path: url("#smiley-mask1");
    -webkit-clip-path: url("#smiley-mask1")
}

#home-hero .doodler-wrap .smiley-piece.mouth[data-num="3"] rect {
    transform: translateY(17px)
}

#home-hero .doodler-wrap .heart-piece {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#home-hero .doodler-wrap .heart-piece[data-num="1"] {
    left: 4px;
    width: 11px;
    height: 15px
}

#home-hero .doodler-wrap .heart-piece[data-num="1"] img {
    width: 11px;
    height: 15px;
    clip-path: url("#heart-mask1");
    -webkit-clip-path: url("#heart-mask1")
}

#home-hero .doodler-wrap .heart-piece[data-num="1"] rect {
    transform: translate(7px, 18px) rotate(-33deg)
}

#home-hero .doodler-wrap .heart-piece[data-num="2"] {
    overflow: hidden;
    width: 12px;
    height: 27px;
    height: 0
}

#home-hero .doodler-wrap .heart-piece[data-num="2"] img {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 27px
}

#home-hero .doodler-wrap .heart-piece[data-num="3"] {
    left: 11px;
    top: 4px;
    width: 20px;
    height: 23px
}

#home-hero .doodler-wrap .heart-piece[data-num="3"] img {
    width: 20px;
    height: 23px;
    clip-path: url("#heart-mask2");
    -webkit-clip-path: url("#heart-mask2")
}

#home-hero .doodler-wrap .heart-piece[data-num="3"] rect {
    transform: translate(-27px, 38px) rotate(-44deg)
}

#home-hero .doodler-wrap .heart-piece[data-num="4"] {
    left: 13px;
    top: 4px;
    width: 18px;
    height: 11px
}

#home-hero .doodler-wrap .heart-piece[data-num="4"] img {
    width: 18px;
    height: 12px;
    clip-path: url("#heart-mask3");
    -webkit-clip-path: url("#heart-mask3")
}

#home-hero .doodler-wrap .heart-piece[data-num="4"] rect {
    transform: translateX(18px)
}

#home-hero .doodler-wrap .robot-hand {
    top: 86px;
    left: -54px;
    height: 45px;
    transform: rotate(216deg)
}

#home-hero .doodler-wrap .robot-hand .hand-inner {
    transform: translateY(-29px)
}

#home-hero .doodler-wrap .robot-hand .hand-inner img {
    transform: rotate(2deg)
}

#home-hero .doodler-wrap .robot-hand .stretch-arm {
    transform: scaleY(0.29)
}

#home-about .card[data-num="1"] {
    left: 90px;
    top: 110px;
    width: 48px
}

#home-about .card[data-num="2"] {
    left: 57px;
    top: 265px;
    width: 62px
}

#home-about .card[data-num="3"] {
    left: 401px;
    top: 2px;
    width: 37px
}

#home-about .card[data-num="4"] {
    left: 400px;
    top: 177px;
    width: 49px
}

#home-about .card[data-num="5"] {
    left: 387px;
    top: 321px;
    width: 65px
}

#home-about .typer-field {
    position: absolute;
    left: 203px;
    top: 122px;
    width: 123px
}

#home-about .typer-field p {
    font: 12px/1.2 Arial, sans-serif;
    color: #020f14
}

#home-about .phone-button {
    left: 225px;
    top: 272px;
    width: 78px;
    height: 24px;
    border-radius: 30px;
    background-color: #020f14;
    opacity: 0
}

#home-about .robot-hand[data-num="1"] {
    left: 85px;
    height: 37px;
    width: 81px
}

#home-about .robot-hand[data-num="1"] .hand-inner {
    transform: translateY(123px)
}

#home-about .robot-hand[data-num="1"] .stretch-arm {
    height: 123px;
    margin-left: 1px;
    transform-origin: center top
}

#home-about .robot-hand[data-num="1"] .hand-inner,
#home-about .robot-hand[data-num="1"] .stretch-arm {
    top: 0;
    bottom: auto
}

#home-about .robot-hand[data-num="2"] {
    left: 214px;
    width: 68px
}

#home-about .robot-hand[data-num="2"] .line {
    width: 3px;
    height: 100px;
    position: absolute;
    left: 20px;
    top: 2px;
    transform-origin: center top;
    background-color: #020f14
}

#home-about .robot-hand[data-num="2"] .hand-inner {
    transform: translateY(25px)
}

#home-about .robot-hand[data-num="3"] {
    left: 291px;
    top: 275px;
    height: 37px;
    width: 83px;
    transform: rotate(-90deg)
}

#home-about .robot-hand[data-num="3"] .hand-inner {
    transform: translateY(12px);
    bottom: -9px
}

#home-about .robot-hand[data-num="3"] .hand-inner>div {
    transform: scaleY(-1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#home-about .robot-hand[data-num="3"] .hand-inner img {
    transform: rotate(131deg)
}

#home-about .robot-hand[data-num="3"] .hand-inner .ball {
    width: 9px;
    height: 9px;
    border-radius: 9px
}

#home-about .robot-hand[data-num="3"] .stretch-arm {
    transform: scaleY(0.12);
    width: 3px
}

#home-about .heart {
    left: 252px;
    top: 288px;
    width: 14px
}

#home-about .heart-piece {
    overflow: hidden
}

#home-about .heart-piece img {
    position: absolute;
    left: 0;
    top: 0
}

#home-about .heart-piece[data-num="1"] {
    width: 8px;
    height: 19px
}

#home-about .heart-piece[data-num="1"] img {
    width: 8px;
    height: 19px;
    clip-path: url("#heart-mask4");
    -webkit-clip-path: url("#heart-mask4")
}

#home-about .heart-piece[data-num="1"] rect {
    transform: translateY(19px)
}

#home-about .heart-piece[data-num="2"] {
    left: 3px;
    width: 9px;
    height: 9px;
    width: 0
}

#home-about .heart-piece[data-num="2"] img {
    width: 9px;
    height: 9px
}

#home-about .heart-piece[data-num="3"] {
    left: 7px;
    width: 7px;
    height: 19px;
    height: 0
}

#home-about .heart-piece[data-num="3"] img {
    width: 7px;
    height: 19px
}

#home-about .path-dot {
    width: 8px
}

#home-about .dline-anim[data-num="1"] {
    width: 405px;
    left: 426px;
    top: 0
}

#home-about .dline-anim[data-num="1"] .plane>div {
    position: absolute;
    left: 0;
    top: 0;
    transform: scaleX(-1)
}

#home-about .dline-anim[data-num="1"] .plane>div img {
    transform: rotate(-146deg)
}

#home-about .dline-anim[data-num="2"] {
    width: 427px;
    left: 0;
    top: 103px
}

#home-about .dline-anim[data-num="2"] .plane img {
    transform: rotate(35deg)
}

#home-cards .dots {
    left: 70px;
    top: 334px;
    width: 125px
}

#home-cards .bots {
    left: 233px;
    top: 1px;
    width: 265px;
    height: 470px;
    overflow: hidden
}

#home-cards .arm {
    left: 1px;
    top: 115px;
    width: 162px
}

#home-cards .arm img {
    position: relative
}

#home-cards .mover-wrap {
    left: 68px;
    top: 198px;
    width: 1244px;
    height: 273px;
    clip-path: url("#card-mover-masker");
    -webkit-clip-path: url("#card-mover-masker");
    background-color: #1B69C5
}

#home-cards .bot-pencil {
    top: 35px;
    width: 81px
}

#home-cards .bot-card {
    top: 0;
    left: 10px;
    width: 56px
}

#home-cards .bot-card .card {
    position: absolute;
    left: 48px;
    top: 21px
}

#home-cards .bot-card .line {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #020f14
}

#home-cards .bot-card .line[data-num="1"] {
    left: 0;
    top: -10px;
    width: 64px;
    height: 3px;
    transform-origin: right top
}

#home-cards .bot-card .line[data-num="2"] {
    left: 64px;
    top: -10px;
    width: 3px;
    height: 100px;
    transform: scaleY(0.35);
    transform-origin: center top
}

#home-cards .robot-hand {
    width: 86px;
    height: 70px;
    left: 407px;
    top: 25px
}

#home-cards .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#home-cards .robot-hand .stretch-arm {
    transform: scaleY(0.24);
    bottom: 25px;
    left: 80px
}

#home-cards .hinge {
    left: 41px;
    top: -5px;
    width: 62px;
    height: 181px;
    transform-origin: bottom center
}

#footer-cta .excla {
    left: 544px;
    top: 8px;
    width: 4px;
    height: 0;
    overflow: hidden
}

#footer-cta .excla img {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 27px
}

#footer-cta .robot-wrap {
    position: absolute;
    left: 0;
    top: 0;
    top: -26px;
    left: -13px
}

#footer-cta .robot-body {
    top: 119px;
    width: 316px
}

#footer-cta .robot-arm {
    left: 214px;
    top: -130px;
    width: 460px;
    height: 200px;
    overflow: hidden
}

#footer-cta .robot-arm .arm-inner {
    width: 316px;
    top: 130px;
    transform: translateX(-215px)
}

#footer-cta .robot-hand[data-num="1"] {
    left: 252px;
    top: -45px;
    height: 45px
}

#footer-cta .robot-hand[data-num="1"] .hand-inner {
    transform: translateY(-24px)
}

#footer-cta .robot-hand[data-num="1"] .hand-inner img {
    transform: rotate(-14deg)
}

#footer-cta .robot-hand[data-num="1"] .stretch-arm {
    transform: scaleY(0.24)
}

#footer-cta .robot-hand[data-num="2"] {
    left: 1097px;
    top: 340px;
    height: 82px;
    transform: rotate(-90deg)
}

#footer-cta .robot-hand[data-num="2"] .hand-inner img {
    transform: rotate(14deg)
}

#footer-cta .joint {
    left: 71px;
    top: 190px;
    width: 24px
}

/*! - x ANIMATIONS: 1 HOME -> 1 ANIMS */
@-moz-keyframes homeAbR1a {
    0 {
        transform: translateY(40px)
    }

    35% {
        transform: translateY(100px)
    }

    50% {
        transform: translateY(100px)
    }

    85% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(40px)
    }
}

@-webkit-keyframes homeAbR1a {
    0 {
        transform: translateY(40px)
    }

    35% {
        transform: translateY(100px)
    }

    50% {
        transform: translateY(100px)
    }

    85% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(40px)
    }
}

@keyframes homeAbR1a {
    0 {
        transform: translateY(40px)
    }

    35% {
        transform: translateY(100px)
    }

    50% {
        transform: translateY(100px)
    }

    85% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(40px)
    }
}

.home-ab-r1a {
    -webkit-animation: homeAbR1a infinite 6s ease-in-out;
    -moz-animation: homeAbR1a infinite 6s ease-in-out;
    animation: homeAbR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes homeAbR1b {
    0 {
        transform: scaleY(0.4)
    }

    35% {
        transform: scaleY(0.85)
    }

    50% {
        transform: scaleY(0.85)
    }

    85% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(0.4)
    }
}

@-webkit-keyframes homeAbR1b {
    0 {
        transform: scaleY(0.4)
    }

    35% {
        transform: scaleY(0.85)
    }

    50% {
        transform: scaleY(0.85)
    }

    85% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(0.4)
    }
}

@keyframes homeAbR1b {
    0 {
        transform: scaleY(0.4)
    }

    35% {
        transform: scaleY(0.85)
    }

    50% {
        transform: scaleY(0.85)
    }

    85% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(0.4)
    }
}

.home-ab-r1b {
    -webkit-animation: homeAbR1b infinite 6s ease-in-out;
    -moz-animation: homeAbR1b infinite 6s ease-in-out;
    animation: homeAbR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes homeAbR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(55px)
    }

    50% {
        transform: translateY(55px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

@-webkit-keyframes homeAbR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(55px)
    }

    50% {
        transform: translateY(55px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

@keyframes homeAbR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(55px)
    }

    50% {
        transform: translateY(55px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

.home-ab-r2a {
    -webkit-animation: homeAbR2a infinite 6s ease-in-out;
    -moz-animation: homeAbR2a infinite 6s ease-in-out;
    animation: homeAbR2a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes homeAbR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.55)
    }

    50% {
        transform: scaleY(0.55)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

@-webkit-keyframes homeAbR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.55)
    }

    50% {
        transform: scaleY(0.55)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

@keyframes homeAbR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.55)
    }

    50% {
        transform: scaleY(0.55)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

.home-ab-r2b {
    -webkit-animation: homeAbR2b infinite 6s ease-in-out;
    -moz-animation: homeAbR2b infinite 6s ease-in-out;
    animation: homeAbR2b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes Handtwister {
    0 {
        transform: rotate(0)
    }

    35% {
        transform: rotate(20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    85% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes Handtwister {
    0 {
        transform: rotate(0)
    }

    35% {
        transform: rotate(20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    85% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes Handtwister {
    0 {
        transform: rotate(0)
    }

    35% {
        transform: rotate(20deg)
    }

    50% {
        transform: rotate(20deg)
    }

    85% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.hand-twist {
    -webkit-animation: Handtwister infinite 6s ease-in-out;
    -moz-animation: Handtwister infinite 6s ease-in-out;
    animation: Handtwister infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes cardDropY {
    0 {
        transform: translateY(0)
    }

    40% {
        transform: translateY(40px)
    }

    80% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes cardDropY {
    0 {
        transform: translateY(0)
    }

    40% {
        transform: translateY(40px)
    }

    80% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes cardDropY {
    0 {
        transform: translateY(0)
    }

    40% {
        transform: translateY(40px)
    }

    80% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

.card-dropY {
    -webkit-animation: cardDropY infinite 8s ease-in-out;
    -moz-animation: cardDropY infinite 8s ease-in-out;
    animation: cardDropY infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes cardDropL {
    0 {
        transform: scaleY(0.35)
    }

    40% {
        transform: scaleY(0.75)
    }

    80% {
        transform: scaleY(0.35)
    }

    100% {
        transform: scaleY(0.35)
    }
}

@-webkit-keyframes cardDropL {
    0 {
        transform: scaleY(0.35)
    }

    40% {
        transform: scaleY(0.75)
    }

    80% {
        transform: scaleY(0.35)
    }

    100% {
        transform: scaleY(0.35)
    }
}

@keyframes cardDropL {
    0 {
        transform: scaleY(0.35)
    }

    40% {
        transform: scaleY(0.75)
    }

    80% {
        transform: scaleY(0.35)
    }

    100% {
        transform: scaleY(0.35)
    }
}

.card-dropL {
    -webkit-animation: cardDropL infinite 8s ease-in-out;
    -moz-animation: cardDropL infinite 8s ease-in-out;
    animation: cardDropL infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes armWaver {
    0 {
        transform: rotate(-70deg)
    }

    10% {
        transform: rotate(-55deg)
    }

    20% {
        transform: rotate(-55deg)
    }

    30% {
        transform: rotate(-35deg)
    }

    40% {
        transform: rotate(-35deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(-10deg)
    }

    85% {
        transform: rotate(-70deg)
    }

    100% {
        transform: rotate(-70deg)
    }
}

@-webkit-keyframes armWaver {
    0 {
        transform: rotate(-70deg)
    }

    10% {
        transform: rotate(-55deg)
    }

    20% {
        transform: rotate(-55deg)
    }

    30% {
        transform: rotate(-35deg)
    }

    40% {
        transform: rotate(-35deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(-10deg)
    }

    85% {
        transform: rotate(-70deg)
    }

    100% {
        transform: rotate(-70deg)
    }
}

@keyframes armWaver {
    0 {
        transform: rotate(-70deg)
    }

    10% {
        transform: rotate(-55deg)
    }

    20% {
        transform: rotate(-55deg)
    }

    30% {
        transform: rotate(-35deg)
    }

    40% {
        transform: rotate(-35deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(-10deg)
    }

    85% {
        transform: rotate(-70deg)
    }

    100% {
        transform: rotate(-70deg)
    }
}

.arm-wave {
    -webkit-animation: armWaver infinite 6s ease-in-out;
    -moz-animation: armWaver infinite 6s ease-in-out;
    animation: armWaver infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes cardR1a {
    0 {
        transform: translateY(-24px)
    }

    35% {
        transform: translateY(-64px)
    }

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

    85% {
        transform: translateY(-24px)
    }

    100% {
        transform: translateY(-24px)
    }
}

@-webkit-keyframes cardR1a {
    0 {
        transform: translateY(-24px)
    }

    35% {
        transform: translateY(-64px)
    }

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

    85% {
        transform: translateY(-24px)
    }

    100% {
        transform: translateY(-24px)
    }
}

@keyframes cardR1a {
    0 {
        transform: translateY(-24px)
    }

    35% {
        transform: translateY(-64px)
    }

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

    85% {
        transform: translateY(-24px)
    }

    100% {
        transform: translateY(-24px)
    }
}

.cards-r1a {
    -webkit-animation: cardR1a infinite 6s ease-in-out;
    -moz-animation: cardR1a infinite 6s ease-in-out;
    animation: cardR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes cardR1b {
    0 {
        transform: scaleY(0.24)
    }

    35% {
        transform: scaleY(0.64)
    }

    50% {
        transform: scaleY(0.64)
    }

    85% {
        transform: scaleY(0.24)
    }

    100% {
        transform: scaleY(0.24)
    }
}

@-webkit-keyframes cardR1b {
    0 {
        transform: scaleY(0.24)
    }

    35% {
        transform: scaleY(0.64)
    }

    50% {
        transform: scaleY(0.64)
    }

    85% {
        transform: scaleY(0.24)
    }

    100% {
        transform: scaleY(0.24)
    }
}

@keyframes cardR1b {
    0 {
        transform: scaleY(0.24)
    }

    35% {
        transform: scaleY(0.64)
    }

    50% {
        transform: scaleY(0.64)
    }

    85% {
        transform: scaleY(0.24)
    }

    100% {
        transform: scaleY(0.24)
    }
}

.cards-r1b {
    -webkit-animation: cardR1b infinite 6s ease-in-out;
    -moz-animation: cardR1b infinite 6s ease-in-out;
    animation: cardR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 1 HOME -> 2 ACTIVATION */
#home-about.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#home-about.on .card[data-num="2"] {
    animation-delay: -3s
}

#home-about.on .card[data-num="3"] {
    animation-delay: -2s
}

#home-about.on .card[data-num="4"] {
    animation-delay: -1s
}

#home-about.on .card[data-num="5"] {
    animation-delay: -2.5s
}

#home-about.on .robot-hand[data-num="1"] .hand-inner {
    -webkit-animation: homeAbR1a infinite 6s ease-in-out;
    -moz-animation: homeAbR1a infinite 6s ease-in-out;
    animation: homeAbR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#home-about.on .robot-hand[data-num="1"] .stretch-arm {
    -webkit-animation: homeAbR1b infinite 6s ease-in-out;
    -moz-animation: homeAbR1b infinite 6s ease-in-out;
    animation: homeAbR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#home-about.on .robot-hand[data-num="2"] .hand-inner {
    -webkit-animation: homeAbR2a infinite 6s ease-in-out;
    -moz-animation: homeAbR2a infinite 6s ease-in-out;
    animation: homeAbR2a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#home-about.on .robot-hand[data-num="2"] .line {
    -webkit-animation: homeAbR2b infinite 6s ease-in-out;
    -moz-animation: homeAbR2b infinite 6s ease-in-out;
    animation: homeAbR2b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#home-about.on .robot-hand[data-num="2"] .hand-inner,
#home-about.on .robot-hand[data-num="2"] .line {
    animation-delay: -4s
}

#home-cards.on .bot-pencil img {
    -webkit-animation: twisterLess infinite 6s ease-in-out;
    -moz-animation: twisterLess infinite 6s ease-in-out;
    animation: twisterLess infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    transform-origin: center top
}

#home-cards.on .bot-pencil[data-num="2"] img {
    animation-delay: -2s
}

#home-cards.on .bot-pencil[data-num="3"] img {
    animation-delay: -4s
}

#home-cards.on .bot-card .card {
    -webkit-animation: cardDropY infinite 8s ease-in-out;
    -moz-animation: cardDropY infinite 8s ease-in-out;
    animation: cardDropY infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

#home-cards.on .bot-card .line[data-num="2"] {
    -webkit-animation: cardDropL infinite 8s ease-in-out;
    -moz-animation: cardDropL infinite 8s ease-in-out;
    animation: cardDropL infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

#home-cards.on .bot-card[data-num="2"] .card {
    animation-delay: -3s
}

#home-cards.on .bot-card[data-num="2"] .line[data-num="2"] {
    animation-delay: -3s
}

#home-cards.on .hinge {
    -webkit-animation: armWaver infinite 6s ease-in-out;
    -moz-animation: armWaver infinite 6s ease-in-out;
    animation: armWaver infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -2s
}

#home-cards.on .robot-hand .hand-inner {
    -webkit-animation: cardR1a infinite 6s ease-in-out;
    -moz-animation: cardR1a infinite 6s ease-in-out;
    animation: cardR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#home-cards.on .robot-hand .stretch-arm {
    -webkit-animation: cardR1b infinite 6s ease-in-out;
    -moz-animation: cardR1b infinite 6s ease-in-out;
    animation: cardR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#footer-cta.on .robot-hand[data-num="2"] .hand-inner {
    -webkit-animation: apiR1a infinite 6s ease-in-out;
    -moz-animation: apiR1a infinite 6s ease-in-out;
    animation: apiR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#footer-cta.on .robot-hand[data-num="2"] .hand-inner img {
    -webkit-animation: Handtwister infinite 6s ease-in-out;
    -moz-animation: Handtwister infinite 6s ease-in-out;
    animation: Handtwister infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#footer-cta.on .robot-hand[data-num="2"] .stretch-arm {
    -webkit-animation: apiR1b infinite 6s ease-in-out;
    -moz-animation: apiR1b infinite 6s ease-in-out;
    animation: apiR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#footer-cta.on .joint {
    -webkit-animation: meterMove infinite 6s ease-in-out;
    -moz-animation: meterMove infinite 6s ease-in-out;
    animation: meterMove infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 2s
}

/*! - x ANIMATIONS: 2 BUSINESS -> 0 PARTS */
#page-business #tier-hero .dline-anim[data-num="1"] {
    width: 778px;
    left: 115px;
    top: 730px
}

#page-business #tier-hero .dline-anim .plane img {
    transform: rotate(36deg)
}

#page-business #tier-hero .sent-txt {
    left: 280px;
    top: 0;
    width: 62px;
    opacity: 0
}

#page-business #tier-hero .flag {
    left: 304px;
    top: 48px;
    width: 19px;
    transform-origin: left bottom;
    transform: rotate(90deg)
}

#page-business #tier-hero .sidebot {
    left: 446px;
    top: 49px;
    width: 198px
}

#page-business #tier-hero .conveyer {
    clip-path: url("#conveyer-masker");
    -webkit-clip-path: url("#conveyer-masker");
    left: -3px;
    top: 180px;
    width: 755px;
    height: 91px
}

#page-business #tier-hero .conveyer .conveyer-mover {
    width: 1440px;
    -webkit-transform-style: preserve-3d
}

#page-business #tier-hero .robot-arm {
    left: auto;
    right: 23px;
    top: -40px;
    width: 194px;
    height: 100px;
    transform-origin: right bottom
}

#page-business #tier-hero .robot-arm .arm {
    transform-origin: bottom center
}

#page-business #tier-hero .robot-arm .arm[data-num="1"] {
    left: auto;
    right: 0;
    top: 0;
    width: 27px;
    height: 104px;
    transform: rotate(-62deg);
    z-index: 2
}

#page-business #tier-hero .robot-arm .arm[data-num="2"] {
    left: auto;
    right: 72px;
    top: -73px;
    width: 42px;
    height: 136px;
    transform: rotate(-150deg)
}

#page-business #tier-hero .card-move {
    transform: translateX(0)
}

#page-business #tier-hero .card-move[data-num="1"],
#page-business #tier-hero .card-move[data-num="3"] {
    width: 72px;
    top: 176px
}

#page-business #tier-hero .card-move[data-num="2"],
#page-business #tier-hero .card-move[data-num="4"] {
    width: 40px;
    top: 155px
}

#page-business #tier-hero .card-grab {
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#page-business #tier-hero .card-grab[data-num="1"],
#page-business #tier-hero .card-grab[data-num="3"] {
    width: 72px;
    transform: rotate(-217deg);
    top: -31px;
    left: -5px
}

#page-business #tier-hero .card-grab[data-num="2"],
#page-business #tier-hero .card-grab[data-num="4"] {
    width: 40px;
    transform: rotate(-230deg);
    top: -51px;
    left: -7px
}

#page-business #tier-hero .claw {
    width: 20px;
    top: 0
}

#page-business #tier-hero .claw[data-num="1"] {
    left: 22px;
    transform-origin: left bottom
}

#page-business #tier-hero .claw[data-num="1"] img {
    transform: scaleX(-1)
}

#page-business #tier-hero .claw[data-num="2"] {
    left: 4px;
    transform-origin: right bottom
}

#business-benefits .confetti {
    width: 37px
}

#business-benefits .module[data-num="1"] .confetti[data-num="1"] {
    left: 53px;
    top: 108px;
    width: 32px
}

#business-benefits .module[data-num="1"] .confetti[data-num="2"] {
    left: 114px;
    top: 15px
}

#business-benefits .module[data-num="1"] .c-dot {
    left: 73px;
    top: 26px
}

#business-benefits .module[data-num="2"] .confetti[data-num="1"] {
    left: 74px;
    top: 18px;
    width: 32px
}

#business-benefits .module[data-num="2"] .confetti[data-num="2"] {
    left: 138px;
    top: 6px
}

#business-benefits .module[data-num="2"] .c-dot[data-num="1"] {
    left: 62px;
    top: 40px
}

#business-benefits .module[data-num="2"] .c-dot[data-num="2"] {
    left: 124px;
    top: 20px
}

#business-benefits .module[data-num="3"] .confetti {
    width: 32px
}

#business-benefits .module[data-num="3"] .confetti[data-num="1"] {
    left: 21px;
    top: 92px
}

#business-benefits .module[data-num="3"] .confetti[data-num="2"] {
    left: 55px;
    top: 0
}

#business-benefits .module[data-num="3"] .confetti[data-num="3"] {
    left: 162px;
    top: 32px
}

#business-benefits .module[data-num="3"] .c-dot[data-num="1"] {
    left: 30px;
    top: 25px;
    width: 5px
}

#business-benefits .module[data-num="3"] .c-dot[data-num="2"] {
    left: 155px;
    top: 68px
}

#business-benefits .module[data-num="4"] .confetti[data-num="1"] {
    left: 36px;
    top: 10px;
    width: 32px
}

#business-benefits .module[data-num="4"] .confetti[data-num="2"] {
    left: 141px;
    top: 92px
}

#business-benefits .module[data-num="4"] .c-dot {
    left: 53px;
    top: 88px
}

#business-integration .learn-more .arm {
    width: 105px;
    height: 25px
}

#business-integration .learn-more .arm img {
    position: relative
}

#business-integration .learn-more .arm .hinge {
    left: 61px;
    top: -166px;
    width: 62px;
    height: 181px;
    transform: rotate(159deg);
    transform-origin: bottom center
}

#business-integration .learn-more .background[data-num="1"] .phones {
    left: 187px;
    top: 62px;
    width: 105px
}

#business-integration .learn-more .background[data-num="1"] .confetti {
    left: 797px;
    top: 34px;
    width: 44px
}

#business-integration .learn-more .background[data-num="1"] .arm {
    left: 1065px;
    top: 33px;
    transform: scaleY(-1) rotate(-75deg)
}

#business-integration .learn-more .background[data-num="2"] .tube {
    left: 331px;
    top: 349px;
    width: 95px
}

#business-integration .learn-more .background[data-num="2"] .c-dot {
    left: 336px;
    top: 322px;
    width: 8px
}

#business-integration .learn-more .background[data-num="2"] .confetti {
    width: 44px
}

#business-integration .learn-more .background[data-num="2"] .confetti[data-num="1"] {
    left: 407px;
    top: 286px
}

#business-integration .learn-more .background[data-num="2"] .confetti[data-num="2"] {
    left: 704px;
    top: 365px
}

#business-integration .learn-more .background[data-num="2"] .card {
    left: 1005px;
    top: 302px;
    width: 69px
}

#business-integration .learn-more .background[data-num="2"] .robot-arm {
    left: 1232px;
    top: 295px;
    width: 22px
}

#business-integration .learn-more .background[data-num="2"] .robot-arm .robot-hand {
    width: 86px;
    height: 70px;
    left: -70px;
    top: -45px
}

#business-integration .learn-more .background[data-num="2"] .robot-arm .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#business-integration .learn-more .background[data-num="2"] .robot-arm .robot-hand .stretch-arm {
    transform: scaleY(0.24);
    bottom: 25px;
    left: 80px
}

#business-integration .learn-more .background[data-num="2"] .arm {
    top: 174px;
    left: -18px
}

#business-facts .card[data-num="1"] {
    left: 377px;
    top: 430px;
    width: 71px
}

#business-facts .card[data-num="2"] {
    left: 371px;
    top: 622px;
    width: 47px
}

#business-facts .card[data-num="3"] {
    left: 728px;
    top: 301px;
    width: 43px
}

#business-facts .card[data-num="4"] {
    left: 771px;
    top: 520px;
    width: 71px
}

#business-facts .confetti[data-num="1"] {
    left: 362px;
    top: 382px
}

#business-facts .confetti[data-num="2"] {
    left: 634px;
    top: 290px
}

#business-facts .confetti[data-num="3"] {
    left: 780px;
    top: 442px
}

/*! - x ANIMATIONS: 2 BUSINESS -> 1 ANIMS */
@-moz-keyframes slideConveyer {
    0 {
        transform: translateX(-660px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideConveyer {
    0 {
        transform: translateX(-660px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideConveyer {
    0 {
        transform: translateX(-660px)
    }

    100% {
        transform: translateX(0)
    }
}

.slide-conveyer {
    -webkit-animation: slideConveyer infinite 14s linear;
    -moz-animation: slideConveyer infinite 14s linear;
    animation: slideConveyer infinite 14s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes armWaverInt {
    0 {
        transform: rotate(160deg)
    }

    10% {
        transform: rotate(145deg)
    }

    20% {
        transform: rotate(145deg)
    }

    30% {
        transform: rotate(130deg)
    }

    40% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(110deg)
    }

    70% {
        transform: rotate(110deg)
    }

    85% {
        transform: rotate(160deg)
    }

    100% {
        transform: rotate(160deg)
    }
}

@-webkit-keyframes armWaverInt {
    0 {
        transform: rotate(160deg)
    }

    10% {
        transform: rotate(145deg)
    }

    20% {
        transform: rotate(145deg)
    }

    30% {
        transform: rotate(130deg)
    }

    40% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(110deg)
    }

    70% {
        transform: rotate(110deg)
    }

    85% {
        transform: rotate(160deg)
    }

    100% {
        transform: rotate(160deg)
    }
}

@keyframes armWaverInt {
    0 {
        transform: rotate(160deg)
    }

    10% {
        transform: rotate(145deg)
    }

    20% {
        transform: rotate(145deg)
    }

    30% {
        transform: rotate(130deg)
    }

    40% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(110deg)
    }

    70% {
        transform: rotate(110deg)
    }

    85% {
        transform: rotate(160deg)
    }

    100% {
        transform: rotate(160deg)
    }
}

.arm-wave-int {
    -webkit-animation: armWaverInt infinite 6s ease-in-out;
    -moz-animation: armWaverInt infinite 6s ease-in-out;
    animation: armWaverInt infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 2 BUSINESS -> 2 ACTIVATION */
#page-business #tier-hero.on .conveyer-mover {
    -webkit-animation: slideConveyer infinite 14s linear;
    -moz-animation: slideConveyer infinite 14s linear;
    animation: slideConveyer infinite 14s linear;
    animation-fill-mode: forwards
}

#business-benefits.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

#business-benefits.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#business-benefits.on .c-dot {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

#business-benefits.on .module[data-num="1"] .c-dot {
    animation-delay: -3s
}

#business-benefits.on .module[data-num="1"] .confetti[data-num="1"] {
    animation-delay: -2s
}

#business-benefits.on .module[data-num="1"] .confetti[data-num="1"] img {
    animation-direction: reverse
}

#business-benefits.on .module[data-num="1"] .confetti[data-num="2"] {
    animation-delay: -0.5s
}

#business-benefits.on .module[data-num="1"] .confetti[data-num="2"] img {
    animation-delay: -4s
}

#business-benefits.on .module[data-num="2"] .c-dot[data-num="1"] {
    animation-delay: -2s
}

#business-benefits.on .module[data-num="2"] .confetti[data-num="1"] {
    animation-delay: -3.5s
}

#business-benefits.on .module[data-num="2"] .confetti[data-num="2"] {
    animation-delay: -1.5s
}

#business-benefits.on .module[data-num="2"] .confetti[data-num="2"] img {
    animation-direction: reverse;
    animation-delay: -8s
}

#business-benefits.on .module[data-num="3"] .c-dot[data-num="2"] {
    animation-delay: -2s
}

#business-benefits.on .module[data-num="3"] .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#business-benefits.on .module[data-num="3"] .confetti[data-num="2"] {
    animation-delay: -1s
}

#business-benefits.on .module[data-num="3"] .confetti[data-num="2"] img {
    animation-delay: -8s
}

#business-benefits.on .module[data-num="3"] .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#business-benefits.on .module[data-num="3"] .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#business-benefits.on .module[data-num="4"] .c-dot {
    animation-delay: -3s
}

#business-benefits.on .module[data-num="4"] .confetti[data-num="1"] {
    animation-delay: -2s
}

#business-benefits.on .module[data-num="4"] .confetti[data-num="1"] img {
    animation-direction: reverse
}

#business-benefits.on .module[data-num="4"] .confetti[data-num="2"] {
    animation-delay: -0.5s
}

#business-benefits.on .module[data-num="4"] .confetti[data-num="2"] img {
    animation-delay: -4s
}

#business-integration .learn-more.on .hinge {
    -webkit-animation: armWaverInt infinite 6s ease-in-out;
    -moz-animation: armWaverInt infinite 6s ease-in-out;
    animation: armWaverInt infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .arm[data-num="1"] .hinge {
    animation-delay: -7s;
    animation-duration: 8s
}

#business-integration .learn-more.on .arm[data-num="2"] .hinge {
    animation-delay: -2.5s;
    animation-duration: 8s
}

#business-integration .learn-more.on .robot-hand .hand-inner {
    -webkit-animation: cardR1a infinite 6s ease-in-out;
    -moz-animation: cardR1a infinite 6s ease-in-out;
    animation: cardR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .robot-hand .stretch-arm {
    -webkit-animation: cardR1b infinite 6s ease-in-out;
    -moz-animation: cardR1b infinite 6s ease-in-out;
    animation: cardR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#business-integration .learn-more.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#business-integration .learn-more.on .confetti[data-num="2"] img {
    animation-direction: reverse
}

#business-integration .learn-more.on .confetti[data-num="3"] {
    animation-delay: -2s
}

#business-integration .learn-more.on .confetti[data-num="3"] img {
    animation-delay: -3s
}

#business-integration .learn-more.on .c-dot {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

#business-facts.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#business-facts.on .card[data-num="2"] {
    animation-delay: -3s
}

#business-facts.on .card[data-num="3"] {
    animation-delay: -2s
}

#business-facts.on .card[data-num="4"] {
    animation-delay: -1s
}

#business-facts.on .card[data-num="5"] {
    animation-delay: -2.5s
}

#business-facts.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#business-facts.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#business-facts.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#business-facts.on .confetti[data-num="2"] img {
    animation-direction: reverse
}

#business-facts.on .confetti[data-num="3"] {
    animation-delay: -2s
}

#business-facts.on .confetti[data-num="3"] img {
    animation-delay: -3s
}

/*! - x ANIMATIONS: 3 INTEGRATIONS -> 0 PARTS */
#page-integrations #tier-hero .cube {
    width: 63px;
    overflow: hidden
}

#page-integrations #tier-hero .cube[data-num="1"] {
    left: 185px;
    top: 257px
}

#page-integrations #tier-hero .cube[data-num="2"] {
    left: 489px;
    top: 144px
}

#page-integrations #tier-hero .cube[data-num="3"] {
    left: 1120px;
    top: 44px
}

#page-integrations #tier-hero .confetti[data-num="1"] {
    left: 438px;
    top: 47px;
    width: 47px
}

#page-integrations #tier-hero .confetti[data-num="2"] {
    left: 1024px;
    top: 74px;
    width: 45px
}

#page-integrations #tier-hero .confetti[data-num="3"] {
    left: 1118px;
    top: 251px;
    width: 32px
}

#page-integrations #tier-hero .confetti[data-num="4"] {
    left: 1354px;
    top: 83px;
    width: 47px
}

#page-integrations #tier-hero .confetti[data-num="5"] {
    left: 100px;
    top: 183px;
    width: 38px
}

#page-integrations #tier-hero .dot-mover[data-num="1"] {
    left: 340px;
    top: 65px;
    width: 500px;
    height: 300px
}

#page-integrations #tier-hero .path-dot[data-num="4"] {
    left: 957px;
    top: 242px
}

#page-integrations #tier-hero .path-dot[data-num="5"] {
    left: 1258px;
    top: 296px
}

#page-integrations #tier-hero .path-dot[data-num="6"] {
    left: -1px;
    top: 94px
}

#page-integrations #tier-hero .path-dot[data-num="7"] {
    left: 1218px;
    top: 3px
}

#page-integrations .screen-row .cube {
    width: 63px;
    overflow: hidden
}

#page-integrations .screen-row[data-num="1"] .cube,
#page-integrations .screen-row[data-num="3"] .cube {
    left: 1500px;
    top: -100px
}

#page-integrations .screen-row[data-num="1"] .cube .mover,
#page-integrations .screen-row[data-num="3"] .cube .mover {
    transform: translate(15px, -15px)
}

#page-integrations .screen-row[data-num="2"] .cube,
#page-integrations .screen-row[data-num="4"] .cube {
    left: 200px;
    top: -100px
}

#int-api .confetti {
    width: 36px
}

#int-api .confetti[data-num="1"] {
    left: 444px;
    top: 435px
}

#int-api .confetti[data-num="2"] {
    left: 415px;
    top: 691px;
    width: 45px
}

#int-api .confetti[data-num="3"] {
    left: 1780px;
    top: 835px
}

#int-api .card[data-num="1"] {
    left: 192px;
    top: 800px;
    width: 37px
}

#int-api .card[data-num="2"] {
    left: 378px;
    top: 807px;
    width: 69px
}

#int-api .card[data-num="3"] {
    left: 948px;
    top: 663px;
    width: 37px
}

#int-api .card[data-num="4"] {
    left: 1041px;
    top: 940px;
    width: 72px
}

#int-api .card[data-num="5"] {
    left: 1634px;
    top: 682px;
    width: 37px
}

#int-api .card[data-num="6"] {
    left: 560px;
    top: 653px;
    width: 34px
}

#int-api .card[data-num="7"] {
    left: 1530px;
    top: 864px;
    width: 34px
}

#int-api .card[data-num="8"] {
    left: 1587px;
    top: 575px;
    width: 34px
}

#int-api .robot-hand[data-num="1"] {
    left: 660px;
    top: 734px;
    height: 45px
}

#int-api .robot-hand[data-num="1"] .hand-inner img {
    transform: rotate(-14deg)
}

#int-api .robot-hand[data-num="2"] {
    left: 1192px;
    top: 953px;
    height: 45px
}

#int-api .robot-hand[data-num="2"] .hand-inner img {
    transform: rotate(-14deg)
}

#int-api .robot-hand[data-num="3"] {
    left: 1791px;
    top: 547px;
    width: 68px
}

#int-api .robot-hand[data-num="3"] .line {
    width: 3px;
    height: 100px;
    position: absolute;
    left: 20px;
    top: 2px;
    transform-origin: center top;
    background-color: #020f14
}

#int-api .robot-hand[data-num="3"] .hand-inner {
    transform: translateY(15px)
}

#int-api .dot-mover {
    position: absolute
}

#int-api .dot-mover[data-num="1"] {
    left: 0;
    top: 605px
}

#int-api .dot-mover[data-num="2"] {
    left: 827px;
    top: 909px
}

#int-api .dot-mover[data-num="3"] {
    left: 1020px;
    top: 544px
}

#int-details .hand {
    width: 99px
}

#int-salesforce1 .hand {
    left: 22px;
    top: 408px
}

#int-salesforce1 .menu-box {
    left: 48px;
    top: 161px;
    width: 233px
}

#int-salesforce1 .txt-item {
    position: absolute;
    left: 30px;
    top: 229px;
    font-size: 14px !important
}

#int-salesforce2 .hand {
    left: -20px;
    top: 138px
}

#int-salesforce2 .msg-box {
    left: 58px;
    top: 444px;
    width: 391px
}

#int-salesforce3 .hand {
    left: -110px;
    top: 60px
}

#int-salesforce3 .menu-box {
    left: 424px;
    top: 92px;
    width: 247px
}

#int-salesforce3 .txt-item {
    position: absolute;
    left: 26px;
    top: 67px;
    font-size: 14px !important
}

#int-salesforce4 .hand {
    left: -110px;
    top: 277px
}

#int-salesforce4 .oval-fill {
    position: absolute;
    left: 0;
    top: 0;
    top: 6px;
    height: 13px;
    border-radius: 7px;
    background-color: #ecefef
}

#int-salesforce4 .oval-fill[data-num="1"] {
    left: 98px
}

#int-salesforce4 .oval-fill[data-num="2"] {
    left: 310px
}

#int-salesforce4 .oval-fill[data-num="3"] {
    left: 612px;
    width: 60px
}

#int-salesforce4 .circ-fill {
    width: 33px;
    height: 33px;
    border-radius: 33px;
    position: absolute;
    left: 0;
    top: 0;
    top: -5px;
    left: 492px;
    background-color: #ecefef
}

#int-salesforce4 .circ-fill .check {
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
    left: 10px;
    top: 2px
}

#int-salesforce4 .menu-box {
    left: 50px;
    top: 268px
}

#int-salesforce4 .txt-row {
    position: absolute;
    left: 0;
    top: 0;
    width: 700px
}

#int-salesforce4 .txt-row p {
    left: 22px;
    color: #ccc;
    font-size: 14px !important
}

#int-salesforce4 .txt-row[data-num="1"] .oval-fill[data-num="1"],
#int-salesforce4 .txt-row[data-num="4"] .oval-fill[data-num="1"],
#int-salesforce4 .txt-row[data-num="6"] .oval-fill[data-num="1"] {
    width: 128px
}

#int-salesforce4 .txt-row[data-num="1"] .oval-fill[data-num="2"],
#int-salesforce4 .txt-row[data-num="4"] .oval-fill[data-num="2"],
#int-salesforce4 .txt-row[data-num="6"] .oval-fill[data-num="2"] {
    width: 88px
}

#int-salesforce4 .txt-row[data-num="2"],
#int-salesforce4 .txt-row[data-num="5"] {
    top: 58px
}

#int-salesforce4 .txt-row[data-num="2"] .oval-fill[data-num="1"],
#int-salesforce4 .txt-row[data-num="5"] .oval-fill[data-num="1"] {
    width: 88px
}

#int-salesforce4 .txt-row[data-num="2"] .oval-fill[data-num="2"],
#int-salesforce4 .txt-row[data-num="5"] .oval-fill[data-num="2"] {
    width: 71px
}

#int-salesforce4 .txt-row[data-num="3"] {
    top: 114px
}

#int-salesforce4 .txt-row[data-num="3"] .oval-fill[data-num="1"] {
    width: 153px
}

#int-salesforce4 .txt-row[data-num="3"] .oval-fill[data-num="2"] {
    width: 122px
}

#int-salesforce4 .txt-row[data-num="4"] {
    top: 171px
}

#int-salesforce4 .txt-row[data-num="5"] {
    top: 230px
}

#int-salesforce4 .txt-row[data-num="6"] {
    top: 291px
}

#int-hubspot1 .hand {
    left: -120px;
    top: 440px
}

#int-hubspot1 .demo-btn {
    left: 484px;
    width: 233px;
    height: 45px;
    border-radius: 5px;
    background-color: #f7f8f9;
    border: 1px solid #bfbdc0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05)
}

#int-hubspot1 .demo-btn[data-num="1"] {
    top: 356px
}

#int-hubspot1 .demo-btn[data-num="1"] p {
    font-size: 14px !important
}

#int-hubspot1 .demo-btn[data-num="2"] {
    top: 418px
}

#int-hubspot1 .demo-btn[data-num="2"] p {
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 700
}

#int-hubspot1 p {
    color: #020f14;
    margin-left: 20px;
    line-height: 44px
}

#int-zapier1 .hand {
    left: -120px;
    top: 254px
}

#int-zapier1 .txt-item {
    position: absolute;
    font-size: 14px !important
}

#int-zapier1 .txt-item[data-num="1"] {
    left: 135px;
    top: 223px
}

#int-zapier1 .txt-item[data-num="2"] {
    left: 313px;
    top: 383px
}

#int-zapier2 .hand {
    left: 596px;
    top: 153px
}

#int-zapier2 .hand img {
    transform: scaleX(-1)
}

#int-zapier2 .msg-box {
    left: 224px;
    top: 133px;
    width: 343px
}

#int-zapier3 .hand {
    left: 356px;
    top: 380px
}

#int-zapier3 .hand img {
    transform: scaleX(-1)
}

#int-zapier3 .demo-btn {
    left: 222px;
    top: 350px;
    width: 156px;
    height: 45px;
    border-radius: 5px;
    background-color: #f7f8f9;
    border: 1px solid #bfbdc0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    text-align: center
}

#int-zapier3 .demo-btn p {
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 44px
}

#int-amazon1 .app {
    left: 246px;
    top: 204px;
    opacity: 0
}

#int-amazon1 .logo {
    width: 56px
}

#int-amazon1 .slot {
    left: 236px;
    top: 205px;
    width: 85px
}

#int-amazon1 .hand {
    left: 120px;
    top: 209px;
    transform: translateX(-230px)
}

#int-amazon1 .txt-item {
    position: absolute;
    font-size: 14px !important;
    left: -21px;
    top: 70px;
    width: 105px
}

#int-amazon1 .typer-field {
    position: absolute;
    left: 280px;
    top: 113px
}

#int-amazon1 .typer-field p {
    font-size: 20px !important
}

#int-amazon2 .hand {
    left: 110px;
    top: 496px
}

#int-amazon2 .hand img {
    transform: scaleX(-1)
}

#int-amazon2 .msg-box {
    left: 226px;
    top: 237px;
    width: 329px
}

#int-amazon2 .txt-item {
    position: absolute;
    font-size: 14px !important;
    left: 27px;
    top: 490px
}

#int-integrately1 {
    max-width: 1330px !important
}

#int-integrately1 .background {
    transform: scale(0.947)
}

#int-integrately1 .inner {
    max-width: none !important
}

#int-integrately1 .hand {
    left: 281px;
    top: 425px;
    transform: translateX(-380px)
}

#int-integrately1 .btn-txt {
    left: 382px;
    top: 443px;
    color: #020f14
}

#int-integrately1 .btn-txt p {
    font-size: 14px
}

#int-integrately1 .btn-dot {
    width: 33px;
    height: 33px;
    border-radius: 33px;
    background-color: #fff;
    border: 1px solid #d4cfd3;
    left: 402px;
    top: 390px
}

#int-integrately2 {
    max-width: 1330px !important
}

#int-integrately2 .background {
    transform: scale(0.904)
}

#int-integrately2 .hand {
    left: 380px;
    top: 307px
}

#int-integrately2 .demo-btn {
    left: 424px;
    top: 281px;
    width: 116px;
    height: 35px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #d4cfd3;
    text-align: center
}

#int-integrately2 .demo-btn p {
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1.16px
}

#int-cdk3 .hand {
    left: 456px;
    top: 141px
}

/*! - x ANIMATIONS: 3 INTEGRATIONS -> 1 ANIMS */
@-moz-keyframes intHeroDot1 {
    0 {
        transform: translateX(432px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes intHeroDot1 {
    0 {
        transform: translateX(432px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes intHeroDot1 {
    0 {
        transform: translateX(432px)
    }

    100% {
        transform: translateX(0)
    }
}

.int-hero-dot1 {
    -webkit-animation: intHeroDot1 infinite 5s linear;
    -moz-animation: intHeroDot1 infinite 5s linear;
    animation: intHeroDot1 infinite 5s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes intHeroDot2 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(322px, 269px)
    }

    100% {
        transform: translate(322px, 269px)
    }
}

@-webkit-keyframes intHeroDot2 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(322px, 269px)
    }

    100% {
        transform: translate(322px, 269px)
    }
}

@keyframes intHeroDot2 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(322px, 269px)
    }

    100% {
        transform: translate(322px, 269px)
    }
}

.int-hero-dot2 {
    -webkit-animation: intHeroDot2 infinite 8s linear;
    -moz-animation: intHeroDot2 infinite 8s linear;
    animation: intHeroDot2 infinite 8s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes intHeroDot3 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(522px, 169px)
    }

    100% {
        transform: translate(522px, 169px)
    }
}

@-webkit-keyframes intHeroDot3 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(522px, 169px)
    }

    100% {
        transform: translate(522px, 169px)
    }
}

@keyframes intHeroDot3 {
    0 {
        transform: translate(432px, 0)
    }

    30% {
        transform: translate(432px, 169px)
    }

    50% {
        transform: translate(522px, 169px)
    }

    100% {
        transform: translate(522px, 169px)
    }
}

.int-hero-dot3 {
    -webkit-animation: intHeroDot3 infinite 8s linear;
    -moz-animation: intHeroDot3 infinite 8s linear;
    animation: intHeroDot3 infinite 8s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes intHeroDot4 {
    0 {
        transform: translate(258px, -240px)
    }

    80% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes intHeroDot4 {
    0 {
        transform: translate(258px, -240px)
    }

    80% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes intHeroDot4 {
    0 {
        transform: translate(258px, -240px)
    }

    80% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.int-hero-dot4 {
    -webkit-animation: intHeroDot4 infinite 5s linear;
    -moz-animation: intHeroDot4 infinite 5s linear;
    animation: intHeroDot4 infinite 5s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes intHeroDot5 {
    0 {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(216px, 198px)
    }

    100% {
        transform: translate(216px, 198px)
    }
}

@-webkit-keyframes intHeroDot5 {
    0 {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(216px, 198px)
    }

    100% {
        transform: translate(216px, 198px)
    }
}

@keyframes intHeroDot5 {
    0 {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(216px, 198px)
    }

    100% {
        transform: translate(216px, 198px)
    }
}

.int-hero-dot5 {
    -webkit-animation: intHeroDot5 infinite 5s linear;
    -moz-animation: intHeroDot5 infinite 5s linear;
    animation: intHeroDot5 infinite 5s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes intHeroDot6 {
    0 {
        transform: translate(0, 0)
    }

    30% {
        transform: translate(-70px, 63px)
    }

    65% {
        transform: translate(73px, 63px)
    }

    100% {
        transform: translate(73px, 193px)
    }
}

@-webkit-keyframes intHeroDot6 {
    0 {
        transform: translate(0, 0)
    }

    30% {
        transform: translate(-70px, 63px)
    }

    65% {
        transform: translate(73px, 63px)
    }

    100% {
        transform: translate(73px, 193px)
    }
}

@keyframes intHeroDot6 {
    0 {
        transform: translate(0, 0)
    }

    30% {
        transform: translate(-70px, 63px)
    }

    65% {
        transform: translate(73px, 63px)
    }

    100% {
        transform: translate(73px, 193px)
    }
}

.int-hero-dot6 {
    -webkit-animation: intHeroDot6 infinite 5s linear;
    -moz-animation: intHeroDot6 infinite 5s linear;
    animation: intHeroDot6 infinite 5s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes cubeMove {
    0 {
        transform: translate(15px, -15px)
    }

    30% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(15px, -15px)
    }

    100% {
        transform: translate(15px, -15px)
    }
}

@-webkit-keyframes cubeMove {
    0 {
        transform: translate(15px, -15px)
    }

    30% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(15px, -15px)
    }

    100% {
        transform: translate(15px, -15px)
    }
}

@keyframes cubeMove {
    0 {
        transform: translate(15px, -15px)
    }

    30% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 0)
    }

    80% {
        transform: translate(15px, -15px)
    }

    100% {
        transform: translate(15px, -15px)
    }
}

.cube-move {
    -webkit-animation: cubeMove infinite 6s ease-in-out;
    -moz-animation: cubeMove infinite 6s ease-in-out;
    animation: cubeMove infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiR1a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

@-webkit-keyframes apiR1a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

@keyframes apiR1a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

.api-r1a {
    -webkit-animation: apiR1a infinite 6s ease-in-out;
    -moz-animation: apiR1a infinite 6s ease-in-out;
    animation: apiR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiR1b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

@-webkit-keyframes apiR1b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

@keyframes apiR1b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

.api-r1b {
    -webkit-animation: apiR1b infinite 6s ease-in-out;
    -moz-animation: apiR1b infinite 6s ease-in-out;
    animation: apiR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(75px)
    }

    50% {
        transform: translateY(75px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

@-webkit-keyframes apiR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(75px)
    }

    50% {
        transform: translateY(75px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

@keyframes apiR2a {
    0 {
        transform: translateY(15px)
    }

    35% {
        transform: translateY(75px)
    }

    50% {
        transform: translateY(75px)
    }

    85% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(15px)
    }
}

.api-r2a {
    -webkit-animation: apiR2a infinite 6s ease-in-out;
    -moz-animation: apiR2a infinite 6s ease-in-out;
    animation: apiR2a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

@-webkit-keyframes apiR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

@keyframes apiR2b {
    0 {
        transform: scaleY(0.15)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.15)
    }

    100% {
        transform: scaleY(0.15)
    }
}

.api-r2b {
    -webkit-animation: apiR2b infinite 6s ease-in-out;
    -moz-animation: apiR2b infinite 6s ease-in-out;
    animation: apiR2b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiDot1 {
    0 {
        transform: translate(0, 231px)
    }

    20% {
        transform: translate(753px, 231px)
    }

    28% {
        transform: translate(754px, 0)
    }

    34% {
        transform: translate(955px, 0)
    }

    46% {
        transform: translate(955px, 439px)
    }

    54% {
        transform: translate(1194px, 439px)
    }

    65% {
        transform: translate(1194px, 104px)
    }

    85% {
        transform: translate(2084px, 104px)
    }

    100% {
        transform: translate(2191px, 201px)
    }
}

@-webkit-keyframes apiDot1 {
    0 {
        transform: translate(0, 231px)
    }

    20% {
        transform: translate(753px, 231px)
    }

    28% {
        transform: translate(754px, 0)
    }

    34% {
        transform: translate(955px, 0)
    }

    46% {
        transform: translate(955px, 439px)
    }

    54% {
        transform: translate(1194px, 439px)
    }

    65% {
        transform: translate(1194px, 104px)
    }

    85% {
        transform: translate(2084px, 104px)
    }

    100% {
        transform: translate(2191px, 201px)
    }
}

@keyframes apiDot1 {
    0 {
        transform: translate(0, 231px)
    }

    20% {
        transform: translate(753px, 231px)
    }

    28% {
        transform: translate(754px, 0)
    }

    34% {
        transform: translate(955px, 0)
    }

    46% {
        transform: translate(955px, 439px)
    }

    54% {
        transform: translate(1194px, 439px)
    }

    65% {
        transform: translate(1194px, 104px)
    }

    85% {
        transform: translate(2084px, 104px)
    }

    100% {
        transform: translate(2191px, 201px)
    }
}

.api-dot1 {
    -webkit-animation: apiDot1 infinite 30s linear;
    -moz-animation: apiDot1 infinite 30s linear;
    animation: apiDot1 infinite 30s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes apiDot2 {
    0 {
        transform: translate(-10px, 10px)
    }

    50% {
        transform: translate(-260px, 241px)
    }

    100% {
        transform: translate(-10px, 10px)
    }
}

@-webkit-keyframes apiDot2 {
    0 {
        transform: translate(-10px, 10px)
    }

    50% {
        transform: translate(-260px, 241px)
    }

    100% {
        transform: translate(-10px, 10px)
    }
}

@keyframes apiDot2 {
    0 {
        transform: translate(-10px, 10px)
    }

    50% {
        transform: translate(-260px, 241px)
    }

    100% {
        transform: translate(-10px, 10px)
    }
}

.api-dot2 {
    -webkit-animation: apiDot2 infinite 10s ease-in-out;
    -moz-animation: apiDot2 infinite 10s ease-in-out;
    animation: apiDot2 infinite 10s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes apiDot3 {
    0 {
        transform: translate(10px, 10px)
    }

    50% {
        transform: translate(262px, 240px)
    }

    100% {
        transform: translate(10px, 10px)
    }
}

@-webkit-keyframes apiDot3 {
    0 {
        transform: translate(10px, 10px)
    }

    50% {
        transform: translate(262px, 240px)
    }

    100% {
        transform: translate(10px, 10px)
    }
}

@keyframes apiDot3 {
    0 {
        transform: translate(10px, 10px)
    }

    50% {
        transform: translate(262px, 240px)
    }

    100% {
        transform: translate(10px, 10px)
    }
}

.api-dot3 {
    -webkit-animation: apiDot3 infinite 10s ease-in-out;
    -moz-animation: apiDot3 infinite 10s ease-in-out;
    animation: apiDot3 infinite 10s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 3 INTEGRATIONS -> 2 ACTIVATION */
#page-integrations #tier-hero.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-integrations #tier-hero.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#page-integrations #tier-hero.on .confetti[data-num="1"] {
    animation-delay: -2.5s
}

#page-integrations #tier-hero.on .confetti[data-num="1"] img {
    animation-direction: reverse
}

#page-integrations #tier-hero.on .confetti[data-num="2"] {
    animation-delay: -1.5s
}

#page-integrations #tier-hero.on .confetti[data-num="2"] img {
    animation-delay: -3s
}

#page-integrations #tier-hero.on .confetti[data-num="3"] {
    animation-delay: -1s
}

#page-integrations #tier-hero.on .confetti[data-num="3"] img {
    animation-direction: reverse;
    animation-delay: -9s
}

#page-integrations #tier-hero.on .confetti[data-num="5"] {
    animation-delay: -0.5s
}

#page-integrations #tier-hero.on .confetti[data-num="5"] img {
    animation-delay: -7s
}

#page-integrations #tier-hero.on .path-dot[data-num="1"] {
    -webkit-animation: intHeroDot1 infinite 5s linear;
    -moz-animation: intHeroDot1 infinite 5s linear;
    animation: intHeroDot1 infinite 5s linear;
    animation-fill-mode: forwards;
    animation-delay: -1.5s
}

#page-integrations #tier-hero.on .path-dot[data-num="2"] {
    -webkit-animation: intHeroDot2 infinite 8s linear;
    -moz-animation: intHeroDot2 infinite 8s linear;
    animation: intHeroDot2 infinite 8s linear;
    animation-fill-mode: forwards;
    animation-delay: -6s
}

#page-integrations #tier-hero.on .path-dot[data-num="3"] {
    -webkit-animation: intHeroDot3 infinite 8s linear;
    -moz-animation: intHeroDot3 infinite 8s linear;
    animation: intHeroDot3 infinite 8s linear;
    animation-fill-mode: forwards;
    animation-delay: -2s
}

#page-integrations #tier-hero.on .path-dot[data-num="4"] {
    -webkit-animation: intHeroDot4 infinite 5s linear;
    -moz-animation: intHeroDot4 infinite 5s linear;
    animation: intHeroDot4 infinite 5s linear;
    animation-fill-mode: forwards;
    animation-delay: -4s
}

#page-integrations #tier-hero.on .path-dot[data-num="5"] {
    -webkit-animation: intHeroDot4 infinite 5s linear;
    -moz-animation: intHeroDot4 infinite 5s linear;
    animation: intHeroDot4 infinite 5s linear;
    animation-fill-mode: forwards;
    animation-delay: -1s
}

#page-integrations #tier-hero.on .path-dot[data-num="6"] {
    -webkit-animation: intHeroDot5 infinite 5s linear;
    -moz-animation: intHeroDot5 infinite 5s linear;
    animation: intHeroDot5 infinite 5s linear;
    animation-fill-mode: forwards
}

#page-integrations #tier-hero.on .path-dot[data-num="7"] {
    -webkit-animation: intHeroDot6 infinite 5s linear;
    -moz-animation: intHeroDot6 infinite 5s linear;
    animation: intHeroDot6 infinite 5s linear;
    animation-fill-mode: forwards;
    animation-delay: -2s
}

#page-integrations #tier-hero.on .cube .mover {
    -webkit-animation: cubeMove infinite 6s ease-in-out;
    -moz-animation: cubeMove infinite 6s ease-in-out;
    animation: cubeMove infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#page-integrations #tier-hero.on .cube[data-num="2"] .mover {
    animation-delay: -2s
}

#page-integrations #tier-hero.on .cube[data-num="3"] .mover {
    animation-delay: -4s
}

#page-integrations .screen-row.on .cube .mover {
    -webkit-animation: cubeMove infinite 6s ease-in-out;
    -moz-animation: cubeMove infinite 6s ease-in-out;
    animation: cubeMove infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#page-integrations .screen-row.on .cube[data-num="1"] .mover {
    animation-delay: -5s
}

#page-integrations .screen-row.on .cube[data-num="2"] .mover {
    animation-delay: -2s
}

#page-integrations .screen-row.on .cube[data-num="3"] .mover {
    animation-delay: -4s
}

#page-integrations .screen-row.on .cube[data-num="4"] .mover {
    animation-delay: -2s
}

#int-api.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#int-api.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#int-api.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#int-api.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#int-api.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#int-api.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#int-api.on .card:not(.hasTwist) {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .card:not(.hasTwist)[data-num="2"] {
    animation-delay: -3s
}

#int-api.on .card:not(.hasTwist)[data-num="3"] {
    animation-delay: -2s
}

#int-api.on .card:not(.hasTwist)[data-num="4"] {
    animation-delay: -1s
}

#int-api.on .card:not(.hasTwist)[data-num="5"] {
    animation-delay: -2.5s
}

#int-api.on .card.hasTwist {
    -webkit-animation: twister infinite 6s ease-in-out;
    -moz-animation: twister infinite 6s ease-in-out;
    animation: twister infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .card.hasTwist[data-num="7"] {
    animation-delay: -2s
}

#int-api.on .card.hasTwist[data-num="8"] {
    animation-delay: -4s
}

#int-api.on .robot-hand[data-num="1"] .hand-inner,
#int-api.on .robot-hand[data-num="2"] .hand-inner {
    -webkit-animation: apiR1a infinite 6s ease-in-out;
    -moz-animation: apiR1a infinite 6s ease-in-out;
    animation: apiR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .robot-hand[data-num="1"] .stretch-arm,
#int-api.on .robot-hand[data-num="2"] .stretch-arm {
    -webkit-animation: apiR1b infinite 6s ease-in-out;
    -moz-animation: apiR1b infinite 6s ease-in-out;
    animation: apiR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .robot-hand[data-num="2"] .hand-inner,
#int-api.on .robot-hand[data-num="2"] .stretch-arm {
    animation-delay: -2s
}

#int-api.on .robot-hand[data-num="3"] .hand-inner {
    -webkit-animation: apiR2a infinite 6s ease-in-out;
    -moz-animation: apiR2a infinite 6s ease-in-out;
    animation: apiR2a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .robot-hand[data-num="3"] .line {
    -webkit-animation: apiR2b infinite 6s ease-in-out;
    -moz-animation: apiR2b infinite 6s ease-in-out;
    animation: apiR2b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .robot-hand[data-num="3"] .hand-inner,
#int-api.on .robot-hand[data-num="3"] .line {
    animation-delay: -4s
}

#int-api.on .dot-mover[data-num="1"] .path-dot {
    -webkit-animation: apiDot1 infinite 30s linear;
    -moz-animation: apiDot1 infinite 30s linear;
    animation: apiDot1 infinite 30s linear;
    animation-fill-mode: forwards
}

#int-api.on .dot-mover[data-num="1"] .path-dot[data-num="2"] {
    animation-delay: -10s
}

#int-api.on .dot-mover[data-num="1"] .path-dot[data-num="3"] {
    animation-delay: -20s
}

#int-api.on .dot-mover[data-num="2"] .path-dot {
    -webkit-animation: apiDot2 infinite 10s ease-in-out;
    -moz-animation: apiDot2 infinite 10s ease-in-out;
    animation: apiDot2 infinite 10s ease-in-out;
    animation-fill-mode: forwards
}

#int-api.on .dot-mover[data-num="3"] .path-dot {
    -webkit-animation: apiDot3 infinite 10s ease-in-out;
    -moz-animation: apiDot3 infinite 10s ease-in-out;
    animation: apiDot3 infinite 10s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -4s
}

/*! - x ANIMATIONS: 4 FEATURES -> 0 PARTS */
#page-features #tier-hero .hero-bg .logo-h {
    left: 1359px;
    top: 106px;
    width: 50px
}

#page-features #tier-hero .hero-bg .logo-h img {
    position: relative
}

#page-features #tier-hero .hero-bg .logo-h .line {
    width: 3px;
    height: 88px;
    position: absolute;
    left: 24px;
    top: 20px;
    transform-origin: bottom center;
    background-color: #020f14
}

#page-features #tier-hero .hero-bg .cogs {
    position: absolute;
    left: 1047px;
    top: 221px
}

#page-features #tier-hero .hero-bg .cogs .cog[data-num="1"] {
    width: 148px
}

#page-features #tier-hero .hero-bg .cogs .cog[data-num="2"] {
    left: 285px;
    top: 86px;
    width: 62px
}

#page-features #tier-hero .hero-bg .conveyer {
    width: 246px;
    height: 214px;
    left: 1427px;
    top: 153px;
    border-radius: 50px 50px 0 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#page-features #tier-hero .hero-bg .conveyer .arm-mover {
    width: 560px;
    top: -2px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] {
    left: 629px;
    top: -20px;
    width: 430px;
    height: 314px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] .arm-inner {
    width: 383px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] .robot-hand {
    left: 319px;
    top: -45px;
    height: 45px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] .robot-hand .hand-inner {
    transform: translateY(-34px)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] .robot-hand .hand-inner img {
    transform: rotate(-14deg)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="1"] .robot-hand .stretch-arm {
    height: 34px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] {
    left: 617px;
    top: -20px;
    width: 287px;
    height: 315px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] .arm-inner {
    width: 232px;
    left: 40px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] .robot-hand {
    left: -43px;
    top: -45px;
    height: 45px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] .robot-hand .hand-inner {
    transform: translateY(-22px)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] .robot-hand .hand-inner img {
    transform: rotate(-14deg)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="2"] .robot-hand .stretch-arm {
    height: 22px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] {
    left: 1000px;
    top: 78px;
    width: 274px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] .arm-inner {
    width: 274px;
    transform: translateY(0)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] .robot-hand {
    left: 205px;
    top: -45px;
    height: 45px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] .robot-hand .hand-inner {
    transform: translateY(-36px)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] .robot-hand .hand-inner img {
    transform: rotate(-14deg)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="3"] .robot-hand .stretch-arm {
    height: 100px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] {
    left: 1706px;
    top: 137px;
    width: 181px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] .arm-inner {
    width: 181px;
    transform: translateY(0)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] .robot-hand {
    left: -43px;
    top: -45px;
    height: 45px
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] .robot-hand .hand-inner {
    transform: translateY(-23px)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] .robot-hand .hand-inner img {
    transform: rotate(-47deg)
}

#page-features #tier-hero .hero-bg .robot-arm[data-num="4"] .robot-hand .stretch-arm {
    height: 23px
}

#features .feature-row[data-num="1"] .confetti {
    width: 54px
}

#features .feature-row[data-num="1"] .confetti[data-num="1"] {
    left: 30px;
    top: 224px
}

#features .feature-row[data-num="1"] .confetti[data-num="2"] {
    left: 349px;
    top: 18px;
    width: 42px
}

#features .feature-row[data-num="1"] .confetti[data-num="3"] {
    left: 353px;
    top: 326px
}

#features .feature-row[data-num="1"] .d-line {
    left: 153px;
    top: 27px;
    width: 366px;
    height: 359px
}

#features .feature-row[data-num="1"] .arm {
    left: 194px;
    top: 215px;
    width: 49px;
    transform-origin: bottom center;
    transform: rotate(24deg)
}

#features .feature-row[data-num="2"] .confetti[data-num="1"] {
    left: 97px;
    top: 124px;
    width: 42px
}

#features .feature-row[data-num="2"] .confetti[data-num="2"] {
    left: 336px;
    top: 20px;
    width: 42px
}

#features .feature-row[data-num="2"] .confetti[data-num="3"] {
    left: 397px;
    top: 186px;
    width: 54px
}

#features .feature-row[data-num="2"] .card[data-num="1"] {
    left: 1px;
    top: 33px;
    width: 44px
}

#features .feature-row[data-num="2"] .card[data-num="2"] {
    left: 50px;
    top: 193px;
    width: 65px
}

#features .feature-row[data-num="2"] .card[data-num="3"] {
    left: 203px;
    top: 1px;
    width: 71px
}

#features .feature-row[data-num="2"] .card[data-num="4"] {
    left: 437px;
    top: 115px;
    width: 74px
}

#features .feature-row[data-num="2"] .card[data-num="5"] {
    left: 441px;
    top: 214px;
    width: 40px
}

#features .feature-row[data-num="2"] .d-line {
    left: 23px;
    top: 53px;
    width: 430px;
    height: 309px
}

#features .feature-row[data-num="3"] .confetti {
    width: 42px
}

#features .feature-row[data-num="3"] .confetti[data-num="1"] {
    left: 324px;
    top: 81px
}

#features .feature-row[data-num="3"] .confetti[data-num="2"] {
    left: 533px;
    top: 0
}

#features .feature-row[data-num="3"] .confetti[data-num="3"] {
    left: 619px;
    top: 169px
}

#features .feature-row[data-num="3"] .card[data-num="1"] {
    left: 393px;
    top: 17px;
    width: 56px
}

#features .feature-row[data-num="3"] .card[data-num="2"] {
    left: 415px;
    top: 86px;
    width: 35px
}

#features .feature-row[data-num="3"] .card[data-num="3"] {
    left: 583px;
    top: 25px;
    width: 26px
}

#features .feature-row[data-num="3"] .card[data-num="4"] {
    left: 484px;
    top: 120px;
    width: 57px
}

#features .feature-row[data-num="3"] .card[data-num="5"] {
    left: 560px;
    top: 84px;
    width: 61px
}

#features .feature-row[data-num="3"] .card[data-num="6"] {
    left: 533px;
    top: 214px;
    width: 75px
}

#features .feature-row[data-num="3"] .card[data-num="7"] {
    left: 553px;
    top: 281px;
    width: 47px
}

#features .feature-row[data-num="3"] .sheet-wrap {
    width: 227px;
    height: 131px;
    top: 178px
}

#features .feature-row[data-num="3"] .sheet-wrap .sheets {
    width: 400px;
    left: -173px
}

#features .feature-row[data-num="3"] .sheet-wrap .sheets .extra {
    position: absolute;
    left: 0;
    top: 0;
    left: 400px
}

#features .feature-row[data-num="3"] .sheet-wrap[data-num="1"] {
    left: -27px
}

#features .feature-row[data-num="3"] .sheet-wrap[data-num="2"] {
    left: 214px;
    opacity: .25
}

#features .feature-row[data-num="3"] .sheet-wrap[data-num="2"] .sheets {
    left: -200px
}

#features .feature-row[data-num="3"] .side-shad {
    position: absolute;
    right: 0;
    top: 0;
    height: 111px;
    width: 12px;
    background-color: #000;
    opacity: .2
}

#features .feature-row[data-num="3"] .dline {
    left: 310px;
    top: 33px;
    width: 229px
}

#features .feature-row[data-num="3"] .d-line[data-num="1"] {
    left: 310px;
    top: 33px;
    width: 230px;
    height: 232px
}

#features .feature-row[data-num="3"] .d-line[data-num="2"] {
    left: 338px;
    top: 206px;
    width: 262px;
    height: 94px
}

#features .feature-row[data-num="4"] .confetti {
    width: 42px
}

#features .feature-row[data-num="4"] .confetti[data-num="1"] {
    left: 115px;
    top: 87px
}

#features .feature-row[data-num="4"] .confetti[data-num="2"] {
    left: 200px;
    top: 290px;
    width: 54px
}

#features .feature-row[data-num="4"] .confetti[data-num="3"] {
    left: 447px;
    top: 200px
}

#features .feature-row[data-num="4"] .meter {
    left: 283px;
    top: 97px;
    width: 8px;
    height: 91px;
    transform-origin: bottom center;
    transform: rotate(-290deg)
}

#features .feature-row[data-num="4"] .meter img {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom center
}

#features .feature-row[data-num="4"] .d-line {
    left: 129px;
    top: 0;
    width: 353px;
    height: 356px
}

#features .feature-row[data-num="4"] .arm {
    width: 61px;
    height: 175px;
    transform-origin: bottom center
}

#features .feature-row[data-num="4"] .arm img {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom center
}

#features .feature-row[data-num="4"] .arm[data-num="1"] {
    left: 94px;
    top: 65px;
    transform: rotate(-42deg)
}

#features .feature-row[data-num="4"] .arm[data-num="2"] {
    left: 417px;
    top: -69px;
    transform: rotate(137deg)
}

#features .feature-row[data-num="5"] .d-line {
    left: 30px;
    top: 1px;
    width: 347px;
    height: 390px
}

#features .feature-row[data-num="5"] .arm-wrap {
    left: 65px;
    width: 78px;
    height: 156px
}

#features .feature-row[data-num="5"] .arm[data-num="1"] {
    left: 6px;
    top: 29px;
    width: 73px
}

#features .feature-row[data-num="5"] .arm[data-num="2"] {
    left: 468px;
    top: -55px;
    width: 66px;
    height: 415px;
    transform-origin: bottom center;
    transform: rotate(-86deg)
}

#features .feature-row[data-num="5"] .arm[data-num="2"] img {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom center
}

#features .feature-row[data-num="5"] .arm[data-num="3"] {
    left: 447px;
    top: 188px;
    width: 76px
}

#features .feature-row[data-num="5"] .confetti {
    width: 54px
}

#features .feature-row[data-num="5"] .confetti[data-num="1"] {
    left: -6px;
    top: 205px
}

#features .feature-row[data-num="5"] .confetti[data-num="2"] {
    left: 418px;
    top: 108px;
    width: 42px
}

#features .feature-row[data-num="5"] .confetti[data-num="3"] {
    left: 437px;
    top: 428px
}

/*! - x ANIMATIONS: 4 FEATURES -> 1 ANIMS */
@-moz-keyframes featHeroH {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes featHeroH {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes featHeroH {
    0 {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

.feat-hero-h {
    -webkit-animation: featHeroH infinite 3s ease-in-out;
    -moz-animation: featHeroH infinite 3s ease-in-out;
    animation: featHeroH infinite 3s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroHline {
    0 {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes featHeroHline {
    0 {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(1)
    }
}

@keyframes featHeroHline {
    0 {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0.4)
    }

    100% {
        transform: scaleY(1)
    }
}

.feat-hero-hline {
    -webkit-animation: featHeroHline infinite 3s ease-in-out;
    -moz-animation: featHeroHline infinite 3s ease-in-out;
    animation: featHeroHline infinite 3s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroR1 {
    0 {
        transform: translateY(80px)
    }

    35% {
        transform: translateY(150px)
    }

    50% {
        transform: translateY(150px)
    }

    85% {
        transform: translateY(80px)
    }

    100% {
        transform: translateY(80px)
    }
}

@-webkit-keyframes featHeroR1 {
    0 {
        transform: translateY(80px)
    }

    35% {
        transform: translateY(150px)
    }

    50% {
        transform: translateY(150px)
    }

    85% {
        transform: translateY(80px)
    }

    100% {
        transform: translateY(80px)
    }
}

@keyframes featHeroR1 {
    0 {
        transform: translateY(80px)
    }

    35% {
        transform: translateY(150px)
    }

    50% {
        transform: translateY(150px)
    }

    85% {
        transform: translateY(80px)
    }

    100% {
        transform: translateY(80px)
    }
}

.feat-hero-r1 {
    -webkit-animation: featHeroR1 infinite 6s ease-in-out;
    -moz-animation: featHeroR1 infinite 6s ease-in-out;
    animation: featHeroR1 infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroR2 {
    0 {
        transform: translateY(65px)
    }

    35% {
        transform: translateY(135px)
    }

    50% {
        transform: translateY(135px)
    }

    85% {
        transform: translateY(65px)
    }

    100% {
        transform: translateY(65px)
    }
}

@-webkit-keyframes featHeroR2 {
    0 {
        transform: translateY(65px)
    }

    35% {
        transform: translateY(135px)
    }

    50% {
        transform: translateY(135px)
    }

    85% {
        transform: translateY(65px)
    }

    100% {
        transform: translateY(65px)
    }
}

@keyframes featHeroR2 {
    0 {
        transform: translateY(65px)
    }

    35% {
        transform: translateY(135px)
    }

    50% {
        transform: translateY(135px)
    }

    85% {
        transform: translateY(65px)
    }

    100% {
        transform: translateY(65px)
    }
}

.feat-hero-r2 {
    -webkit-animation: featHeroR2 infinite 6s ease-in-out;
    -moz-animation: featHeroR2 infinite 6s ease-in-out;
    animation: featHeroR2 infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroR3a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

@-webkit-keyframes featHeroR3a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

@keyframes featHeroR3a {
    0 {
        transform: translateY(-25px)
    }

    35% {
        transform: translateY(-75px)
    }

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

    85% {
        transform: translateY(-25px)
    }

    100% {
        transform: translateY(-25px)
    }
}

.feat-hero-r3a {
    -webkit-animation: featHeroR3a infinite 4s ease-in-out;
    -moz-animation: featHeroR3a infinite 4s ease-in-out;
    animation: featHeroR3a infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroR3b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

@-webkit-keyframes featHeroR3b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

@keyframes featHeroR3b {
    0 {
        transform: scaleY(0.25)
    }

    35% {
        transform: scaleY(0.75)
    }

    50% {
        transform: scaleY(0.75)
    }

    85% {
        transform: scaleY(0.25)
    }

    100% {
        transform: scaleY(0.25)
    }
}

.feat-hero-r3b {
    -webkit-animation: featHeroR3b infinite 4s ease-in-out;
    -moz-animation: featHeroR3b infinite 4s ease-in-out;
    animation: featHeroR3b infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes featHeroR4 {
    0 {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-80px)
    }

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

    85% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes featHeroR4 {
    0 {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-80px)
    }

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

    85% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes featHeroR4 {
    0 {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-80px)
    }

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

    85% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

.feat-hero-r4 {
    -webkit-animation: featHeroR4 infinite 6s ease-in-out;
    -moz-animation: featHeroR4 infinite 6s ease-in-out;
    animation: featHeroR4 infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes feat1Arm {
    0 {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(40deg)
    }

    100% {
        transform: rotate(15deg)
    }
}

@-webkit-keyframes feat1Arm {
    0 {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(40deg)
    }

    100% {
        transform: rotate(15deg)
    }
}

@keyframes feat1Arm {
    0 {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(40deg)
    }

    100% {
        transform: rotate(15deg)
    }
}

.feat1-arm {
    -webkit-animation: feat1Arm infinite 6s ease-in-out;
    -moz-animation: feat1Arm infinite 6s ease-in-out;
    animation: feat1Arm infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes shadFade {
    0 {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: .2
    }

    90% {
        opacity: .2
    }

    95% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes shadFade {
    0 {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: .2
    }

    90% {
        opacity: .2
    }

    95% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes shadFade {
    0 {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: .2
    }

    90% {
        opacity: .2
    }

    95% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.shad-fade {
    -webkit-animation: shadFade infinite 5s linear;
    -moz-animation: shadFade infinite 5s linear;
    animation: shadFade infinite 5s linear;
    animation-fill-mode: forwards
}

@-moz-keyframes armLift {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes armLift {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes armLift {
    0 {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.arm-lift {
    -webkit-animation: armLift infinite 5s ease-in-out;
    -moz-animation: armLift infinite 5s ease-in-out;
    animation: armLift infinite 5s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 4 FEATURES -> 2 ACTIVATION */
#page-features #tier-hero.on .hero-bg .logo-h img {
    -webkit-animation: featHeroH infinite 3s ease-in-out;
    -moz-animation: featHeroH infinite 3s ease-in-out;
    animation: featHeroH infinite 3s ease-in-out;
    animation-fill-mode: forwards
}

#page-features #tier-hero.on .hero-bg .logo-h .line {
    -webkit-animation: featHeroHline infinite 3s ease-in-out;
    -moz-animation: featHeroHline infinite 3s ease-in-out;
    animation: featHeroHline infinite 3s ease-in-out;
    animation-fill-mode: forwards
}

#page-features #tier-hero.on .hero-bg .conveyer .arm-mover {
    -webkit-animation: slideLeft infinite 10s linear;
    -moz-animation: slideLeft infinite 10s linear;
    animation: slideLeft infinite 10s linear;
    animation-fill-mode: forwards
}

#page-features #tier-hero.on .hero-bg .cogs .cog {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards;
    animation-duration: 8s
}

#page-features #tier-hero.on .hero-bg .cogs .cog[data-num="2"] {
    animation-delay: -2s;
    animation-duration: 5s
}

#page-features #tier-hero.on .hero-bg .robot-arm[data-num="1"] .arm-inner {
    -webkit-animation: featHeroR1 infinite 6s ease-in-out;
    -moz-animation: featHeroR1 infinite 6s ease-in-out;
    animation: featHeroR1 infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -7s
}

#page-features #tier-hero.on .hero-bg .robot-arm[data-num="2"] .arm-inner {
    -webkit-animation: featHeroR2 infinite 6s ease-in-out;
    -moz-animation: featHeroR2 infinite 6s ease-in-out;
    animation: featHeroR2 infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -3s
}

#page-features #tier-hero.on .hero-bg .robot-arm[data-num="3"] .robot-hand .hand-inner {
    -webkit-animation: featHeroR3a infinite 4s ease-in-out;
    -moz-animation: featHeroR3a infinite 4s ease-in-out;
    animation: featHeroR3a infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-features #tier-hero.on .hero-bg .robot-arm[data-num="3"] .robot-hand .stretch-arm {
    -webkit-animation: featHeroR3b infinite 4s ease-in-out;
    -moz-animation: featHeroR3b infinite 4s ease-in-out;
    animation: featHeroR3b infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-features #tier-hero.on .hero-bg .robot-arm[data-num="4"] .arm-inner {
    -webkit-animation: featHeroR4 infinite 6s ease-in-out;
    -moz-animation: featHeroR4 infinite 6s ease-in-out;
    animation: featHeroR4 infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -6s
}

#feature1.on .arm {
    -webkit-animation: feat1Arm infinite 6s ease-in-out;
    -moz-animation: feat1Arm infinite 6s ease-in-out;
    animation: feat1Arm infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#feature1.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature1.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#feature1.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#feature1.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#feature1.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#feature1.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#feature1.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#feature2.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature2.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#feature2.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#feature2.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#feature2.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#feature2.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#feature2.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#feature2.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature2.on .card[data-num="2"] {
    animation-delay: -3s
}

#feature2.on .card[data-num="3"] {
    animation-delay: -2s
}

#feature2.on .card[data-num="4"] {
    animation-delay: -1s
}

#feature2.on .card[data-num="5"] {
    animation-delay: -2.5s
}

#feature3.on .sheet-wrap .sheets {
    -webkit-animation: slideRight infinite 10s linear;
    -moz-animation: slideRight infinite 10s linear;
    animation: slideRight infinite 10s linear;
    animation-fill-mode: forwards;
    animation-duration: 5s
}

#feature3.on .side-shad {
    -webkit-animation: shadFade infinite 5s linear;
    -moz-animation: shadFade infinite 5s linear;
    animation: shadFade infinite 5s linear;
    animation-fill-mode: forwards
}

#feature3.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature3.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#feature3.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#feature3.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#feature3.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#feature3.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#feature3.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#feature3.on .card.hasFloat {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature3.on .card.hasTwist {
    -webkit-animation: twister infinite 6s ease-in-out;
    -moz-animation: twister infinite 6s ease-in-out;
    animation: twister infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#feature3.on .card[data-num="2"] {
    animation-delay: -3.5s
}

#feature3.on .card[data-num="3"] {
    animation-delay: -2s
}

#feature3.on .card[data-num="4"] {
    animation-delay: -1s
}

#feature3.on .card[data-num="5"] {
    animation-delay: -3.25s;
    animation-duration: 4s
}

#feature3.on .card[data-num="5"] img {
    -webkit-animation: twister infinite 6s ease-in-out;
    -moz-animation: twister infinite 6s ease-in-out;
    animation: twister infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -3s
}

#feature3.on .card[data-num="6"] {
    animation-delay: -2.25s
}

#feature3.on .card[data-num="7"] {
    animation-delay: -1.75s
}

#feature4.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature4.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#feature4.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#feature4.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#feature4.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#feature4.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#feature4.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#feature4.on .arm[data-num="2"] img {
    animation-delay: -4s
}

#feature4.on .arm img {
    -webkit-animation: twisterLess infinite 6s ease-in-out;
    -moz-animation: twisterLess infinite 6s ease-in-out;
    animation: twisterLess infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#feature4.on .meter img {
    -webkit-animation: tinyTwister infinite 4s ease-in-out;
    -moz-animation: tinyTwister infinite 4s ease-in-out;
    animation: tinyTwister infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 2s
}

#feature5.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#feature5.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#feature5.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#feature5.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#feature5.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#feature5.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#feature5.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#feature5.on .arm[data-num="1"] {
    -webkit-animation: armLift infinite 5s ease-in-out;
    -moz-animation: armLift infinite 5s ease-in-out;
    animation: armLift infinite 5s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: -2.5s
}

#feature5.on .arm[data-num="2"] img {
    -webkit-animation: tinyTwister infinite 4s ease-in-out;
    -moz-animation: tinyTwister infinite 4s ease-in-out;
    animation: tinyTwister infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 5 ABOUT -> 0 PARTS */
.vs-data .arm {
    width: 105px;
    height: 25px
}

.vs-data .arm img {
    position: relative
}

.vs-data .arm .hinge {
    left: 61px;
    top: -166px;
    width: 62px;
    height: 181px;
    transform: rotate(159deg);
    transform-origin: bottom center
}

.vs-data .background[data-num="1"] .phones {
    left: 187px;
    top: 62px;
    width: 105px
}

.vs-data .background[data-num="1"] .confetti {
    left: 797px;
    top: 34px;
    width: 44px
}

.vs-data .background[data-num="1"] .arm {
    left: 1065px;
    top: 33px;
    transform: scaleY(-1) rotate(-75deg)
}

.vs-data .background[data-num="2"] .tube {
    left: 331px;
    top: 349px;
    width: 95px
}

.vs-data .background[data-num="2"] .c-dot {
    left: 336px;
    top: 322px;
    width: 8px
}

.vs-data .background[data-num="2"] .confetti {
    width: 44px
}

.vs-data .background[data-num="2"] .confetti[data-num="1"] {
    left: 407px;
    top: 286px
}

.vs-data .background[data-num="2"] .confetti[data-num="2"] {
    left: 704px;
    top: 365px
}

.vs-data .background[data-num="2"] .card {
    left: 1005px;
    top: 302px;
    width: 69px
}

.vs-data .background[data-num="2"] .robot-arm {
    left: 1232px;
    top: 295px;
    width: 22px
}

.vs-data .background[data-num="2"] .robot-arm .robot-hand {
    width: 86px;
    height: 70px;
    left: -70px;
    top: -45px
}

.vs-data .background[data-num="2"] .robot-arm .robot-hand .hand-inner {
    transform: translateY(-24px)
}

.vs-data .background[data-num="2"] .robot-arm .robot-hand .stretch-arm {
    transform: scaleY(0.24);
    bottom: 25px;
    left: 80px
}

.vs-data .background[data-num="2"] .arm {
    top: 174px;
    left: -18px
}

#about-help .mover-wrap {
    left: 78px;
    top: 386px;
    width: 603px;
    height: 273px;
    clip-path: url("#card-mover-masker");
    -webkit-clip-path: url("#card-mover-masker");
    background-color: #e64c3b;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#about-help .bot-pencil {
    top: 35px;
    width: 81px
}

#about-help .bot-card {
    top: 0;
    left: 10px;
    width: 56px
}

#about-help .bot-card .card {
    position: absolute;
    left: 48px;
    top: 21px
}

#about-help .bot-card .line {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #020f14
}

#about-help .bot-card .line[data-num="1"] {
    left: 0;
    top: -10px;
    width: 64px;
    height: 3px;
    transform-origin: right top
}

#about-help .bot-card .line[data-num="2"] {
    left: 64px;
    top: -10px;
    width: 3px;
    height: 100px;
    transform: scaleY(0.35);
    transform-origin: center top
}

#about-help .dline-anim[data-num="1"] .plane img {
    transform: rotate(40deg)
}

#about-help .dline-anim[data-num="2"] {
    top: 50px
}

#about-help .dline-anim[data-num="2"] .plane img {
    transform: rotate(34deg)
}

#about-help .illus {
    width: 438px;
    left: 162px;
    top: 216px
}

#about-help .bots {
    left: 245px;
    top: 217px;
    width: 265px;
    height: 490px;
    overflow: hidden
}

#about-help .robot-hand {
    width: 86px;
    height: 70px;
    left: 419px;
    top: 240px
}

#about-help .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#about-help .robot-hand .stretch-arm {
    transform: scaleY(0.24);
    bottom: 25px;
    left: 80px
}

/*! - x ANIMATIONS: 5 ABOUT -> 1 ACTIVATION */
#about-help.on .bot-pencil img {
    -webkit-animation: twisterLess infinite 6s ease-in-out;
    -moz-animation: twisterLess infinite 6s ease-in-out;
    animation: twisterLess infinite 6s ease-in-out;
    animation-fill-mode: forwards;
    transform-origin: center top
}

#about-help.on .bot-pencil[data-num="2"] img {
    animation-delay: -2s
}

#about-help.on .bot-card .card {
    -webkit-animation: cardDropY infinite 8s ease-in-out;
    -moz-animation: cardDropY infinite 8s ease-in-out;
    animation: cardDropY infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

#about-help.on .bot-card .line[data-num="2"] {
    -webkit-animation: cardDropL infinite 8s ease-in-out;
    -moz-animation: cardDropL infinite 8s ease-in-out;
    animation: cardDropL infinite 8s ease-in-out;
    animation-fill-mode: forwards
}

#about-help.on .bot-card[data-num="2"] .card {
    animation-delay: -3s
}

#about-help.on .bot-card[data-num="2"] .line[data-num="2"] {
    animation-delay: -3s
}

#about-help.on .robot-hand .hand-inner {
    -webkit-animation: cardR1a infinite 6s ease-in-out;
    -moz-animation: cardR1a infinite 6s ease-in-out;
    animation: cardR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#about-help.on .robot-hand .stretch-arm {
    -webkit-animation: cardR1b infinite 6s ease-in-out;
    -moz-animation: cardR1b infinite 6s ease-in-out;
    animation: cardR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .hinge {
    -webkit-animation: armWaverInt infinite 6s ease-in-out;
    -moz-animation: armWaverInt infinite 6s ease-in-out;
    animation: armWaverInt infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .arm[data-num="1"] .hinge {
    animation-delay: -7s;
    animation-duration: 8s
}

.vs-data.on .arm[data-num="2"] .hinge {
    animation-delay: -2.5s;
    animation-duration: 8s
}

.vs-data.on .robot-hand .hand-inner {
    -webkit-animation: cardR1a infinite 6s ease-in-out;
    -moz-animation: cardR1a infinite 6s ease-in-out;
    animation: cardR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .robot-hand .stretch-arm {
    -webkit-animation: cardR1b infinite 6s ease-in-out;
    -moz-animation: cardR1b infinite 6s ease-in-out;
    animation: cardR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

.vs-data.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

.vs-data.on .confetti[data-num="2"] {
    animation-delay: -1s
}

.vs-data.on .confetti[data-num="2"] img {
    animation-direction: reverse
}

.vs-data.on .confetti[data-num="3"] {
    animation-delay: -2s
}

.vs-data.on .confetti[data-num="3"] img {
    animation-delay: -3s
}

.vs-data.on .c-dot {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

/*! - x ANIMATIONS: 6 TUTORIALS -> 0 PARTS */
#page-resources.tutorials #tier-hero .bulb-lines {
    left: 462px;
    top: 0;
    width: 143px
}

#page-resources.tutorials #tier-hero .card {
    width: 24px
}

#page-resources.tutorials #tier-hero .card[data-num="1"] {
    left: 3px;
    top: 132px
}

#page-resources.tutorials #tier-hero .card[data-num="1"] img {
    transform: rotate(220deg)
}

#page-resources.tutorials #tier-hero .card[data-num="2"] {
    left: 107px;
    top: 223px
}

#page-resources.tutorials #tier-hero .card[data-num="3"] {
    left: 760px;
    top: 74px
}

#page-resources.tutorials #tier-hero .card[data-num="3"] img {
    transform: rotate(35deg)
}

#page-resources.tutorials #tier-hero .card[data-num="4"] {
    left: 952px;
    top: 56px
}

#page-resources.tutorials #tier-hero .card[data-num="4"] img {
    transform: rotate(143deg)
}

#page-resources.tutorials #tier-hero .card[data-num="5"] {
    left: 931px;
    top: 218px
}

#page-resources.tutorials #tier-hero .card[data-num="6"] {
    width: 37px;
    left: 906px;
    top: 111px
}

#page-resources.tutorials #tier-hero .card[data-num="7"] {
    left: 834px;
    top: 24px;
    width: 58px
}

#page-resources.tutorials #tier-hero .card[data-num="8"] {
    left: 799px;
    top: 163px;
    width: 59px
}

#page-resources.tutorials #tier-hero .confetti {
    width: 22px
}

#page-resources.tutorials #tier-hero .confetti[data-num="1"] {
    left: 62px;
    top: 146px
}

#page-resources.tutorials #tier-hero .confetti[data-num="2"] {
    left: 85px;
    top: 198px;
    width: 25px
}

#page-resources.tutorials #tier-hero .confetti[data-num="3"] {
    left: 731px;
    top: 57px;
    transform: rotate(189deg)
}

#page-resources.tutorials #tier-hero .confetti[data-num="4"] {
    left: 845px;
    top: 95px;
    transform: rotate(-133deg)
}

#page-resources.tutorials #tier-hero .robot-hand {
    left: 980px;
    top: 136px;
    width: 75px;
    height: 30px
}

#page-resources.tutorials #tier-hero .robot-hand .hand-inner {
    transform: translateY(-50px)
}

#page-resources.tutorials #tier-hero .robot-hand .hand-inner img {
    transform: rotate(15deg);
    left: -1px
}

#page-resources.tutorials #tier-hero .robot-hand .ball {
    width: 9px;
    height: 9px;
    border-radius: 9px
}

#page-resources.tutorials #tier-hero .robot-hand .stretch-arm {
    height: 100px;
    transform: scaleY(0.5)
}

#page-resources.tutorials #tier-hero .arm {
    left: 149px;
    top: 39px;
    width: 80px;
    transform-origin: center bottom
}

#page-resources.tutorials #tier-hero .d-line[data-num="1"] {
    left: 82px;
    top: 21px;
    width: 407px;
    height: 212px
}

#page-resources.tutorials #tier-hero .d-line[data-num="2"] {
    left: 714px;
    top: 34px;
    width: 181px;
    height: 232px
}

@-moz-keyframes tutR1a {
    0 {
        transform: translateY(-10px)
    }

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

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

    85% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes tutR1a {
    0 {
        transform: translateY(-10px)
    }

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

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

    85% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes tutR1a {
    0 {
        transform: translateY(-10px)
    }

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

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

    85% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.tut-r1a {
    -webkit-animation: tutR1a infinite 6s ease-in-out;
    -moz-animation: tutR1a infinite 6s ease-in-out;
    animation: tutR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes tutR1b {
    0 {
        transform: scaleY(0.1)
    }

    35% {
        transform: scaleY(0.5)
    }

    50% {
        transform: scaleY(0.5)
    }

    85% {
        transform: scaleY(0.1)
    }

    100% {
        transform: scaleY(0.1)
    }
}

@-webkit-keyframes tutR1b {
    0 {
        transform: scaleY(0.1)
    }

    35% {
        transform: scaleY(0.5)
    }

    50% {
        transform: scaleY(0.5)
    }

    85% {
        transform: scaleY(0.1)
    }

    100% {
        transform: scaleY(0.1)
    }
}

@keyframes tutR1b {
    0 {
        transform: scaleY(0.1)
    }

    35% {
        transform: scaleY(0.5)
    }

    50% {
        transform: scaleY(0.5)
    }

    85% {
        transform: scaleY(0.1)
    }

    100% {
        transform: scaleY(0.1)
    }
}

.tut-r1b {
    -webkit-animation: tutR1b infinite 6s ease-in-out;
    -moz-animation: tutR1b infinite 6s ease-in-out;
    animation: tutR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

@-moz-keyframes HandtwisterT {
    0 {
        transform: rotate(25deg)
    }

    50% {
        transform: rotate(55deg)
    }

    100% {
        transform: rotate(25deg)
    }
}

@-webkit-keyframes HandtwisterT {
    0 {
        transform: rotate(25deg)
    }

    50% {
        transform: rotate(55deg)
    }

    100% {
        transform: rotate(25deg)
    }
}

@keyframes HandtwisterT {
    0 {
        transform: rotate(25deg)
    }

    50% {
        transform: rotate(55deg)
    }

    100% {
        transform: rotate(25deg)
    }
}

.hand-twistT {
    -webkit-animation: HandtwisterT infinite 6s ease-in-out;
    -moz-animation: HandtwisterT infinite 6s ease-in-out;
    animation: HandtwisterT infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 6 TUTORIALS -> 1 ACTIVATION */
#page-resources.tutorials #tier-hero.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="1"] {
    animation-delay: -3.25s
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="1"] img {
    animation-delay: -16s;
    animation-direction: reverse
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="2"] {
    animation-delay: -2.25s
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="2"] img {
    animation-delay: -8s
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="3"] {
    animation-delay: -2.5s
}

#page-resources.tutorials #tier-hero.on .confetti[data-num="3"] img {
    animation-delay: -3s;
    animation-direction: reverse
}

#page-resources.tutorials #tier-hero.on .card {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .card[data-num="2"] {
    animation-delay: -3.5s
}

#page-resources.tutorials #tier-hero.on .card[data-num="3"] {
    animation-delay: -2s
}

#page-resources.tutorials #tier-hero.on .card[data-num="4"] {
    animation-delay: -1s
}

#page-resources.tutorials #tier-hero.on .card[data-num="5"] {
    animation-delay: -2.75s
}

#page-resources.tutorials #tier-hero.on .card[data-num="6"] {
    animation-delay: -2.25s
}

#page-resources.tutorials #tier-hero.on .card[data-num="7"] {
    animation-delay: -3s
}

#page-resources.tutorials #tier-hero.on .card[data-num="8"] {
    animation-delay: -0.5s
}

#page-resources.tutorials #tier-hero.on .bulb-lines {
    -webkit-animation: blink infinite 1.5s ease-in-out;
    -moz-animation: blink infinite 1.5s ease-in-out;
    animation: blink infinite 1.5s ease-in-out;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .robot-hand .hand-inner {
    -webkit-animation: tutR1a infinite 6s ease-in-out;
    -moz-animation: tutR1a infinite 6s ease-in-out;
    animation: tutR1a infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .robot-hand .stretch-arm {
    -webkit-animation: tutR1b infinite 6s ease-in-out;
    -moz-animation: tutR1b infinite 6s ease-in-out;
    animation: tutR1b infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#page-resources.tutorials #tier-hero.on .arm {
    -webkit-animation: HandtwisterT infinite 6s ease-in-out;
    -moz-animation: HandtwisterT infinite 6s ease-in-out;
    animation: HandtwisterT infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 7 PRICING -> 0 PARTS */
#page-pricing #tier-hero .confetti {
    width: 37px
}

#page-pricing #tier-hero .confetti[data-num="1"] {
    left: 430px;
    top: 48px
}

#page-pricing #tier-hero .confetti[data-num="2"] {
    left: 495px;
    top: 378px
}

#page-pricing #tier-hero .c-dot {
    width: 7px
}

#page-pricing #tier-hero .c-dot[data-num="1"] {
    left: 45px;
    top: 431px
}

#page-pricing #tier-hero .c-dot[data-num="2"] {
    left: 408px;
    top: 28px
}

#page-pricing #tier-hero .bag {
    left: 105px;
    top: 250px;
    width: 149px
}

#page-pricing #tier-hero .bag-cards {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    top: -20px;
    overflow: hidden
}

#page-pricing #tier-hero .bag-card {
    transform-origin: center bottom
}

#page-pricing #tier-hero .bag-card[data-num="1"] {
    width: 40px;
    left: 22px;
    top: 21px
}

#page-pricing #tier-hero .bag-card[data-num="2"] {
    width: 42px;
    left: 56px;
    top: 27px
}

#page-pricing #tier-hero .bag-card[data-num="3"] {
    width: 52px;
    left: 80px;
    top: 33px
}

#page-pricing #tier-hero .bag-card[data-num="4"] {
    width: 42px;
    left: 34px;
    top: 35px
}

#page-pricing #tier-hero .arm-dropper {
    left: 147px;
    top: 0;
    width: 194px;
    transform: translateX(20px)
}

#page-pricing #tier-hero .arm-dropper .robot-arm {
    width: 180px;
    height: 270px;
    left: -30px;
    overflow: hidden
}

#page-pricing #tier-hero .arm-dropper .robot-arm .arm-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    left: 30px;
    width: 194px;
    transform: translateX(98px)
}

#page-pricing #tier-hero .arm-dropper .bolt {
    width: 50px;
    left: 36px;
    top: 0;
    transform: translateX(83px)
}

#page-pricing #tier-hero .tag-arm {
    left: 443px;
    top: 96px;
    width: 253px
}

#page-pricing #tier-hero .tag-arm .robot-arm {
    width: 150px;
    height: 364px;
    overflow: hidden;
    z-index: 2
}

#page-pricing #tier-hero .tag-arm .robot-arm .arm-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 253px
}

#page-pricing #tier-hero .claw-wrap {
    position: absolute;
    transform: scaleY(-1);
    width: 42px;
    height: 38px;
    top: 117px;
    left: -10px
}

#page-pricing #tier-hero .claw {
    width: 19px;
    top: 0
}

#page-pricing #tier-hero .claw[data-num="1"] {
    left: 22px;
    transform-origin: left bottom
}

#page-pricing #tier-hero .claw[data-num="1"] img {
    transform: scaleX(-1)
}

#page-pricing #tier-hero .claw[data-num="2"] {
    left: 4px;
    transform-origin: right bottom
}

#page-pricing #tier-hero .card-drop {
    left: -24px;
    top: 146px;
    width: 61px
}

#page-pricing #tier-hero .side-arm .robot-hand {
    left: 537px;
    top: -45px;
    height: 45px
}

#page-pricing #tier-hero .side-arm .robot-hand .scaler {
    transform: scale(0.85);
    transform-origin: center bottom;
    position: absolute;
    width: 108px;
    height: 45px
}

#page-pricing #tier-hero .side-arm .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#page-pricing #tier-hero .side-arm .robot-hand .hand-inner img {
    transform: rotate(-14deg)
}

#page-pricing #tier-hero .side-arm .robot-hand .stretch-arm {
    transform: scaleY(0.24)
}

#pricing-bulk .confetti {
    width: 36px
}

#pricing-bulk .confetti[data-num="1"] {
    left: 28px;
    top: 396px
}

#pricing-bulk .confetti[data-num="2"] {
    left: 88px;
    top: 142px
}

#pricing-bulk .confetti[data-num="3"] {
    left: 479px;
    top: 194px
}

#pricing-bulk .c-dot {
    width: 7px
}

#pricing-bulk .c-dot[data-num="1"] {
    left: 22px;
    top: 356px
}

#pricing-bulk .c-dot[data-num="2"] {
    left: 454px;
    top: 235px
}

#pricing-bulk .robot-arm {
    left: 0;
    top: 390px;
    width: 418px;
    height: 145px;
    overflow: hidden
}

#pricing-bulk .robot-arm .arm-inner {
    width: 418px;
    height: 155px;
    top: 10px
}

#pricing-bulk .robot-arm .arm-inner .arm-wrap {
    position: absolute;
    overflow: hidden;
    left: 72px;
    top: -10px;
    width: 418px;
    height: 145px
}

#pricing-bulk .robot-arm .arm-inner[data-num="1"] {
    transform: translateY(46px)
}

#pricing-bulk .robot-arm .arm-inner[data-num="2"] {
    transform: translateX(-287px)
}

#pricing-bulk .robot-hand {
    left: 323px;
    top: 18px;
    height: 45px;
    transform: rotate(90deg) scale(0.85)
}

#pricing-bulk .robot-hand .hand-inner {
    transform: translateY(-24px)
}

#pricing-bulk .robot-hand .hand-inner img {
    transform: rotate(15deg)
}

#pricing-bulk .robot-hand .stretch-arm {
    transform: scaleY(0.24)
}

#pricing-bulk .circle-piece {
    width: 195px;
    height: 76px;
    left: 204px;
    top: 404px
}

#pricing-bulk .circle-piece[data-num="1"] img {
    width: 195px;
    height: 76px;
    clip-path: url("#circ-mask1");
    -webkit-clip-path: url("#circ-mask1")
}

#pricing-bulk .circle-piece[data-num="1"] rect {
    transform: translateX(-195px)
}

#pricing-bulk .circle-piece[data-num="2"] img {
    width: 195px;
    height: 76px;
    clip-path: url("#circ-mask2");
    -webkit-clip-path: url("#circ-mask2")
}

#pricing-bulk .circle-piece[data-num="2"] rect {
    transform: translateX(195px)
}

@-moz-keyframes priR1 {
    0 {
        transform: translateX(0)
    }

    35% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(40px)
    }

    85% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes priR1 {
    0 {
        transform: translateX(0)
    }

    35% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(40px)
    }

    85% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes priR1 {
    0 {
        transform: translateX(0)
    }

    35% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(40px)
    }

    85% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

.pri-r1 {
    -webkit-animation: priR1 infinite 6s ease-in-out;
    -moz-animation: priR1 infinite 6s ease-in-out;
    animation: priR1 infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

/*! - x ANIMATIONS: 7 PRICING -> 1 ACTIVATION */
#page-pricing #tier-hero.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#page-pricing #tier-hero.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#page-pricing #tier-hero.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#page-pricing #tier-hero.on .confetti[data-num="2"] img {
    animation-direction: reverse
}

#page-pricing #tier-hero.on .c-dot {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

#page-pricing #tier-hero.on .c-dot[data-num="2"] {
    animation-delay: -2s
}

#page-pricing #tier-hero.on .tag-arm .arm-inner {
    -webkit-animation: priR1 infinite 6s ease-in-out;
    -moz-animation: priR1 infinite 6s ease-in-out;
    animation: priR1 infinite 6s ease-in-out;
    animation-fill-mode: forwards
}

#pricing-bulk.on .confetti {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

#pricing-bulk.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

#pricing-bulk.on .confetti[data-num="2"] {
    animation-delay: -1s
}

#pricing-bulk.on .confetti[data-num="2"] img {
    animation-direction: reverse
}

#pricing-bulk.on .confetti[data-num="3"] {
    animation-delay: -2s
}

#pricing-bulk.on .confetti[data-num="3"] img {
    animation-delay: -3s
}

#pricing-bulk.on .c-dot {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

#pricing-bulk.on .c-dot[data-num="1"] {
    animation-delay: -2s
}

/*! - x ANIMATIONS: 8 GIFT CARDS -> 0 PARTS */
[id^="page-gift-card"] #tier-hero .confetti {
    width: 37px
}

[id^="page-gift-card"] #tier-hero .confetti[data-num="1"] {
    left: 46px;
    top: 33px
}

[id^="page-gift-card"] #tier-hero .confetti[data-num="2"] {
    left: 196px;
    top: 54px
}

[id^="page-gift-card"] #tier-hero .c-dot {
    width: 7px
}

[id^="page-gift-card"] #tier-hero .c-dot[data-num="1"] {
    left: 78px;
    top: 136px
}

[id^="page-gift-card"] #tier-hero .c-dot[data-num="2"] {
    left: 178px;
    top: 29px
}

[id^="page-gift-card"] #tier-hero .card[data-num="1"] {
    left: 2px;
    top: 82px;
    width: 59px
}

[id^="page-gift-card"] #tier-hero .card[data-num="2"] {
    left: 211px;
    top: 106px;
    width: 77px
}

[id^="page-gift-card"] #tier-hero .arm {
    left: 117px;
    top: 1px;
    width: 35px
}

[id^="page-gift-card"] #tier-hero .arm img {
    transform-origin: center bottom
}

/*! - x ANIMATIONS: 8 GIFT CARDS -> 1 ACTIVATION */
[id^="page-gift-card"] #tier-hero.on .confetti .slider {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards
}

[id^="page-gift-card"] #tier-hero.on .confetti img {
    -webkit-animation: spinner infinite 20s linear;
    -moz-animation: spinner infinite 20s linear;
    animation: spinner infinite 20s linear;
    animation-fill-mode: forwards
}

[id^="page-gift-card"] #tier-hero.on .confetti[data-num="2"] .slider {
    animation-delay: -1s
}

[id^="page-gift-card"] #tier-hero.on .confetti[data-num="2"] img {
    animation-direction: reverse;
    animation-delay: -2s
}

[id^="page-gift-card"] #tier-hero.on .c-dot .slider {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

[id^="page-gift-card"] #tier-hero.on .c-dot[data-num="2"] .slider {
    animation-delay: -2s
}

[id^="page-gift-card"] #tier-hero.on .card .slider {
    -webkit-animation: floatY infinite 4s ease-in-out;
    -moz-animation: floatY infinite 4s ease-in-out;
    animation: floatY infinite 4s ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 6s
}

[id^="page-gift-card"] #tier-hero.on .card[data-num="1"] .slider {
    animation-delay: -1s
}

[id^="page-gift-card"] #tier-hero.on .card[data-num="2"] .slider {
    animation-delay: -4s
}

/*! MEDIA QUERY ***************************** */
.hasAnim .d-flex {
    display: flex;
    width: 40%;
    justify-content: space-between
}

.hasAnim .d-flex .cutom-cl-2 {
    width: 48%
}

.hasAnim .d-flex .cutom-cl-4 {
    width: 50%
}

.hasAnim .d-flex input {
    width: 100%;
    background: 0;
    color: gray;
    border: 1px solid gray;
    padding: 14px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px
}

.hasAnim .d-flex ::placeholder {
    color: gray;
    font-size: 14px
}

.hasAnim .d-flex select {
    font-size: 14px;
    width: 100%;
    background: 0;
    color: gray;
    border: 1px solid gray;
    padding: 12px 15px;
    border-radius: 5px;
    margin: 0 0 25px 0
}

#home-cards .col.right>h2 {
    font-size: 40px
}

#home-cards .col.right>h2 .hw-font {
    transform: translateY(15px)
}

.row.cta-row.spaced .hasNobreak {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 5px;
    letter-spacing: -1px
}

.row.cta-row.spaced .hasNobreak img {
    height: 35px;
    object-fit: contain;
    margin-right: 10px
}

.row.cta-row.spaced .hasNobreak .hw-font {
    transform: translateY(17px)
}

img.lit-logo {
    width: 80%
}

p.ckus {
    line-height: 23.5px
}

.logo-black-imggg img {
    width: 65%;
    height: 100%;
    object-fit: contain
}

.logo-black-imggg.padd_raa {
    padding: 30px 0 0 0
}

.at-home .brand-sli .slick-track {
    display: flex
}

.book-slider .slick-slide {
    margin: 0 10px;
    height: 350px
}

html {
    overflow-x: hidden
}

.protext-log>img {
    width: 30%;
    filter: brightness(30.5)
}

.protext-log {
    margin-top: 25px
}

.banner-wrt-sld {
    position: relative
}

.banner-sld>img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    top: 0;
    left: 0;
    object-position: center
}

.banner-writing-slider {
    position: relative;
    z-index: 9
}

.banner-sld {
    display: flex;
    height: 800px;
    align-items: center;
    justify-content: center;
    position: relative
}

.banner-sld * {
    color: #fff
}

.banner-sld span.ovrlyy {
    background: #00000096;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0
}

.banner-writing-slider .slick-track {
    display: flex
}

.banner-writing-slider button.slick-arrow {
    position: absolute;
    height: 50px;
    width: 50px;
    font-size: 0;
    background: #1B69C5;
    top: calc(50% - 25px);
    border-radius: 50%;
    z-index: 9999
}

.banner-writing-slider button.slick-prev {
    left: 15px
}

.banner-writing-slider button.slick-next {
    right: 15px
}

.banner-writing-slider button.slick-prev:before {
    content: "<";
    opacity: 1
}

.banner-writing-slider button.slick-next:before {
    content: ">"
}

.banner-writing-slider button.slick-arrow:before {
    font-size: 30px;
    color: #fff;
    line-height: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    font-family: mrs-eaves-xl-serif;
    font-weight: 700
}

.bnere-txt {
    padding: 0 20vw
}

#int-api .card {
    background-color: transparent;
    border: 0
}

/*! MQ: 0 -> 1200px+ */
@media screen and (max-width:1400px) {

    #globalHeader .logo.dsk,
    #globalHeader .logo.stk {
        left: 0px
    }

    .cta-items {
        right: 50px
    }

    .toplinks .top>li+li {
        margin-left: 30px
    }

    .int-screens .screen-row[data-num="4"] .bg-ornaments[data-num="2"],
    [id^="page-integrations-"] .bg-ornaments[data-type="4"][data-num="2"] {
        left: 20px
    }

    [id^="page-integrations-"] #tier-hero .screen-row .col.image {
        width: 60%
    }

    #pricing-popup .popup-box {
        right: 50px
    }
}

@media screen and (max-width:1300px) {
    #home-about .buckets.split .background.dline {
        transform: scale(0.8)
    }

    [id^="page-integrations-"] #tier-hero br {
        display: none
    }

    #page-features #tier-hero .background[data-num="2"] .pen {
        left: -60px
    }

    #page-features #tier-hero .background[data-num="3"] .pen {
        left: 1280px
    }

    #blog-cta .row.main .content-wrap {
        padding: 20px 20px 30px;
        min-height: 400px
    }

    #blog-cta .row.main .row.inner>.col.right {
        padding-top: 50px
    }

    #blog-cta .row.main>.col.left .row.inner>.col.right {
        width: 60%;
        padding-left: 20px
    }

    #blog-cta .row.main>.col.left .row.inner>.col.left {
        width: 40%
    }

    #blog-cta .row.main>.col.right .row.inner>.col.right {
        width: 65%
    }

    #blog-cta .row.main>.col.right .row.inner>.col.left {
        width: 35%
    }

    #blog-cta .col.cards .env {
        transform: scale(0.8);
        left: -200px;
        top: -40px
    }

    #blog-cta .col.cards .tube {
        transform: scale(0.8);
        transform-origin: right bottom;
        bottom: -15px;
        left: 300px
    }
}

/*! MQ: 1 -> 1200px */
@media screen and (max-width:1200px) {

    #globalHeader .cta-items,
    #globalHeader .toplinks {
        display: none
    }

    .toplinks .hasSubSub .icon {
        font-size: 8px
    }

    #globalMenu {
        display: block
    }

    h2 br:not(.nobreak),
    h3 br:not(.nobreak),
    header p br:not(.nobreak),
    li br:not(.nobreak) {
        display: none
    }

    #home-hero {
        padding-top: 165px;
        padding-bottom: 346px
    }

    #home-hero .bg-wrap {
        bottom: -325px;
        height: 1004px
    }

    #home-hero .background[data-num="1"] {
        transform: scale(0.8)
    }

    #home-hero .background[data-num="1"] .arm[data-num="1"] {
        left: 716px
    }

    #home-hero .background[data-num="2"] .photo-group {
        transform: scale(0.8);
        left: 664px;
        top: -235px
    }

    #home-hero .background[data-num="2"] .arm[data-num="2"] {
        top: 327px;
        left: 1016px
    }

    #home-hero .background[data-num="2"] .photo[data-num="3"] {
        left: 406px
    }

    #home-hero .background[data-num="2"] .photo[data-num="2"] {
        left: 472px
    }

    #home-hero .doodler-wrap {
        transform: scale(0.8);
        top: 211px;
        left: 718px
    }

    .customers .background .card[data-num="1"] {
        left: -100px
    }

    .customers .background .card[data-num="2"] {
        left: 1325px
    }

    #int-app .pen {
        left: 1020px
    }

    [id^="page-integrations-"] #tier-hero {
        padding-top: 165px
    }

    [id^="page-integrations-"] .int-screens .screen-row.right {
        display: block
    }

    [id^="page-integrations-"] .int-screens .screen-row.right .col.text {
        padding-top: 0
    }

    #features h2,
    #int-details h2 {
        font-size: 54px
    }

    #features .feature-row .col.text {
        padding-top: 0 !important
    }

    #features-app {
        padding-bottom: 150px
    }

    #features-app .bg-wrap[data-num="2"] {
        bottom: 30px
    }

    #page-resources .blog-featured {
        height: 486px
    }

    [id^="search-btn"] {
        right: 0;
        top: -30px
    }

    #gc-detail {
        padding-bottom: 100px
    }

    #gc-detail .dline {
        top: -185px;
        right: -222px
    }

    #gc-popular {
        padding-top: 0
    }
}

/*! MQ: 2 -> 1024px */
@media screen and (max-width:1024px) {
    .gridline.l {
        left: 25px
    }

    .gridline.r {
        left: auto;
        right: 25px
    }

    #stickyBar,
    .global,
    .pad-wrap,
    .tape-wrap,
    section {
        padding-left: 25px;
        padding-right: 25px
    }

    body {
        font-size: 18px
    }

    .global h1,
    .global h2,
    section h1,
    section h2 {
        font-size: 54px
    }

    .global h2,
    section h2 {
        margin-bottom: 24px
    }

    .global h3,
    section h3 {
        font-size: 22px
    }

    #globalHeader .logo.dsk {
        top: 8px
    }

    #globalHeader .logo.dsk,
    #globalHeader .logo.stk {
        left: 25px
    }

    #globalMenu .menu-btn {
        transform: translateY(0);
        right: 25px
    }

    #globalMenu .cta-items.tab {
        transform: translateY(-22px);
        right: 108px
    }

    #globalMenu .menu-contents .logo {
        margin: 0 0 40px 0
    }

    #tier-hero {
        padding-top: 115px
    }

    .basic-scaler {
        transform: scale(0.8)
    }

    .customers .customer-slider {
        margin-top: 64px
    }

    .subscribe-wrap h3 {
        font-size: 30px
    }

    .cta-group a {
        margin-right: 15px
    }

    .app-container .shape-bg-wrap,
    .app-container .shape-wrap {
        height: 800px
    }

    .app-container .cta-group .cta-btn {
        padding: 13px 22px;
        width: 150px
    }

    .app-container .cta-group .icon {
        font-size: 26px
    }

    .app-container .dline {
        top: 545px;
        left: -350px
    }

    .app-container .phone-wrap {
        margin-top: -20px
    }

    .hw-font {
        line-height: 0
    }

    #home-hero {
        padding-top: 115px
    }

    #home-hero .background .sidepipe {
        left: 261px
    }

    #home-hero .background[data-num="1"] .botpipe {
        left: 482px
    }

    #home-hero .background[data-num="2"] .arm[data-num="2"] {
        top: 324px;
        left: 1018px
    }

    #home-hero .writer-wrap .side-arm {
        left: -24px;
        top: 148px
    }

    #home-hero .writer-wrap .side-arm .inner {
        transform: scale(0.8);
        transform-origin: left top
    }

    #home-hero .writer-wrap .uline-wrap .underline img {
        width: 47px
    }

    #home-hero .doodler-wrap {
        top: 192px
    }

    #home-about header {
        margin-bottom: 50px
    }

    #home-about .bucket {
        width: 47.5%
    }

    #home-about .buckets.split .bucket.right .txt {
        transform: none
    }

    #home-about .buckets.split .bucket.right img {
        left: auto;
        top: auto
    }

    #home-about .buckets.split .bucket.right .background {
        left: 1px;
        top: -1px
    }

    #home-about .buckets.full .background {
        transform: scale(0.85);
        transform-origin: center top
    }

    #home-about .buckets.full .txt {
        max-width: 435px
    }

    #home-about .buckets.split .background.dline {
        transform: scale(0.6);
        top: -100px
    }

    #home-cards {
        padding-bottom: 420px
    }

    #home-cards .contentContainer {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 200px
    }

    #home-cards .col.right>h2 {
        max-width: 450px
    }

    #home-cards .bg-wrap[data-num="1"] {
        top: -300px
    }

    #home-cards .bg-wrap[data-num="1"] .background {
        height: 1850px
    }

    #home-cards .bg-wrap[data-num="1"] .background .cards[data-num="3"] {
        display: none
    }

    #home-cards .bg-wrap[data-num="2"] {
        bottom: -89px
    }

    #home-cards .bg-wrap[data-num="2"] .background {
        margin-left: -1000px
    }

    #home-blog {
        padding-top: 75px
    }

    #home-blog .bg-wrap {
        display: none
    }

    #page-business #tier-hero {
        height: auto;
        padding-bottom: 460px
    }

    #page-business #tier-hero .hero-bg {
        height: 1160px
    }

    #page-business #tier-hero .hero-bg .background {
        top: -200px
    }

    #page-business #tier-hero .hero-bg .bots {
        transform: scale(0.9);
        transform-origin: right top;
        top: 665px;
        left: 36px
    }

    #page-business #tier-hero .hero-bg .dline[data-num="1"] {
        top: 614px
    }

    #page-business #tier-hero .hero-bg .dline-anim[data-num="1"],
    #page-business #tier-hero .hero-bg .dline[data-num="2"] {
        top: 660px
    }

    #page-business #tier-hero .hero-bg .mailbox {
        top: 1060px;
        transform: scale(0.8)
    }

    #page-business #tier-hero .hero-bg .blob {
        top: 1238px;
        transform: scale(0.8)
    }

    #business-integration {
        padding-top: 140px
    }

    #business-integration .learn-more .inner {
        padding: 70px 25px
    }

    #business-facts .shape-wrap {
        height: calc(708px)
    }

    #page-integrations #tier-hero {
        padding-bottom: 0
    }

    #page-integrations #tier-hero .bg-wrap {
        height: calc(320px)
    }

    #int-api {
        padding-bottom: 610px
    }

    #int-api header p {
        width: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .int-screens .screen-row .logo {
        transform: scale(0.8);
        transform-origin: left top;
        margin-bottom: 10px
    }

    .int-screens .screen-row+.screen-row {
        margin-top: 150px
    }

    .int-screens[data-num="2"] {
        padding-top: 150px
    }

    [id^="page-integrations-"] #tier-hero {
        padding-top: 115px
    }

    [id^="page-integrations-"] #tier-hero p {
        font-size: 18px
    }

    [id^="page-integrations-"] #tier-hero .screen-row .logo {
        margin-bottom: 0
    }

    [id^="page-integrations-"] #tier-hero .screen-row .col.text {
        width: 45%
    }

    [id^="page-integrations-"] #tier-hero .screen-row .col.image {
        width: 50%
    }

    [id^="page-integrations-"] #tier-hero .screen-row .inner .background {
        left: 0
    }

    #int-details h2 {
        font-size: 45px
    }

    #int-details .screen-row .col.text {
        width: 50%
    }

    #int-details .screen-row .col.image {
        width: 50%
    }

    #int-details .screen-row .col.image .img-inner {
        top: auto;
        transform: none
    }

    #int-details .screen-row .feature-icon {
        transform: scale(0.8);
        transform-origin: left top;
        margin-bottom: 10px
    }

    #int-details .screen-row.left .col.text {
        padding-left: 35px;
        padding-right: 10px
    }

    #int-details .screen-row.right .col.text {
        padding-right: 15px
    }

    #int-app {
        margin-top: -150px
    }

    #int-app .env[data-num="1"] {
        left: 255px;
        top: 174px
    }

    #int-app .env[data-num="3"] {
        display: none
    }

    #int-app .pen {
        left: 850px
    }

    #int-app .bg-wrap[data-num="2"] {
        bottom: -175px
    }

    #page-features #tier-hero {
        height: 1200px
    }

    #page-features #tier-hero .hero-bg {
        height: 1200px
    }

    #page-features #tier-hero .background[data-num="2"] .pen {
        left: -60px
    }

    #page-features #tier-hero .background[data-num="3"] .pen {
        top: 960px
    }

    #features-app {
        padding-top: 335px;
        padding-bottom: 108px
    }

    #features-app .computer .icons {
        right: -20px;
        transform: scale(0.8)
    }

    #features-app .shape-bg {
        top: 185px
    }

    #features-app .bg-wrap[data-num="2"],
    #features-app .env[data-num="3"],
    #features-app .pen[data-num="1"] {
        display: none
    }

    #features-app .env[data-num="1"] {
        left: 930px;
        top: 60px
    }

    #features-app .env[data-num="2"] {
        left: -95px;
        top: 460px
    }

    #features-app .dline {
        top: 1240px;
        left: -367px
    }

    #features-app .computer {
        margin-bottom: 250px
    }

    #features-app .bg-wrap[data-num="3"] {
        display: block;
        top: auto;
        bottom: -175px;
        height: 480px;
        pointer-events: none
    }

    #features-app .bg-wrap[data-num="3"] .pen {
        width: 660px;
        left: 850px
    }

    #features {
        padding-top: 100px
    }

    #features h2 {
        font-size: 40px
    }

    #features .feature-row p+p {
        margin-top: 15px
    }

    #features .feature-row .col.text {
        width: 50%;
        padding-top: 0 !important
    }

    #features .feature-row .col.image {
        width: 50%
    }

    #features .feature-row .col.image .img-inner {
        top: auto;
        transform: none
    }

    #features .feature-row .feature-icon {
        transform: scale(0.8);
        transform-origin: left top;
        margin-bottom: 10px
    }

    #features .feature-row.left .col.text {
        padding-left: 35px;
        padding-right: 10px
    }

    #features .feature-row.right .col.text {
        padding-right: 15px
    }

    #page-resources #tier-hero {
        padding-top: 95px
    }

    #page-resources #tier-hero .hw-font {
        transform: scale(0.8);
        margin-bottom: 40px
    }

    #page-resources #tier-hero header p {
        width: 100%;
        max-width: 510px;
        margin: 0 auto
    }

    #page-resources .blog-grid {
        padding-bottom: 110px
    }

    #page-resources .blog-featured .featured-thumb .txt {
        padding: 20px 25px 25px
    }

    #page-resources .blog-featured .featured-thumb p {
        font-size: 15px;
        line-height: 1.86
    }

    #page-resources #search-btn-mob {
        top: 13px;
        right: 69px
    }

    #page-resources.tutorials #tier-hero {
        padding-top: 115px
    }

    #page-resources.tutorials #tier-hero .bg-wrap {
        height: calc(329.6px)
    }

    #page-resources.tutorials #tier-hero [id^="search-btn"] {
        top: 0
    }

    .blog-grid .blog-thumb .txt {
        padding: 20px 25px 25px
    }

    .blog-thumb time {
        font-size: 12px
    }

    .blog-thumb .uline-wrap .underline {
        height: 8px
    }

    .blog-thumb .uline-wrap .underline img {
        height: 8px
    }

    #blog-article .bodycopy p.intro {
        font-size: 18px
    }

    #blog-article .quote-wrap blockquote {
        font-size: 54px
    }

    #next-posts .next-thumbs .blog-thumb .txt {
        padding: 20px 25px 25px
    }

    [id^="search-btn"] {
        top: 30px
    }

    .faq-blocks .faq-wrap {
        margin-top: 22px
    }

    .faq-blocks .faq-wrap .faq-question .faq-inner {
        padding: 0 20px
    }

    .faq-blocks .faq-wrap .faq-question .arr {
        right: 15px;
        top: 16px;
        width: 38px;
        height: 38px
    }

    .faq-blocks .faq-wrap .faq-question .arr .bg {
        background-size: 38px auto
    }

    .faq-blocks .faq-wrap .faq-question .arr .icon {
        font-size: 17px;
        top: 9px
    }

    .faq-blocks .faq-wrap .faq-question .question {
        padding: 20px 0;
        padding-right: 50px
    }

    .faq-blocks .faq-wrap .faq-question .answer>div {
        padding-bottom: 20px
    }

    .faq-blocks .faq-wrap .faq-question.open .faq-inner {
        margin: 22px 0;
        padding-top: 5px
    }

    .faq-blocks .faq-wrap .faq-question.open .arr {
        transform: translateY(27px)
    }

    #about-help .bg-wrap {
        height: 560px
    }

    #about-help .mover-wrap {
        top: 453px
    }

    #about-help .bots.dsk {
        display: none
    }

    #about-help .bots.mob {
        display: block
    }

    .vs-data .inner {
        padding: 70px 25px
    }

    .vs-data p br {
        display: none
    }

    #vs-faq {
        padding-top: 60px
    }

    #page-company-vs .about-rows .shape-wrap {
        top: -400px
    }

    #page-pricing #tier-hero {
        padding-top: 115px
    }

    #page-pricing #tier-hero .bg-wrap {
        padding-top: 115px
    }

    #page-pricing #tier-hero .col.text .inner-wrap {
        padding-right: 0
    }

    #page-pricing #tier-hero .col.text .txt {
        max-width: 420px
    }

    #page-pricing #tier-hero .writer-wrap .side-arm {
        left: -441px;
        top: 130px
    }

    #page-pricing #tier-hero .writer-wrap .side-arm .inner {
        transform: scale(0.8);
        transform-origin: left top
    }

    #page-pricing #tier-hero .writer-wrap .side-arm-fpo {
        left: -259px;
        top: -14px
    }

    #page-pricing #tier-hero .writer-wrap .side-arm-fpo img {
        transform: scale(0.8);
        transform-origin: left top
    }

    #page-pricing #tier-hero .writer-wrap .uline-wrap .underline img {
        width: 47px
    }

    #pricing-plans {
        padding-top: 60px
    }

    #pricing-bulk .col.text {
        padding-left: 0
    }

    #pricing-bulk .col.text .txt {
        max-width: 390px;
        margin: 0
    }

    #pricing-bulk .env[data-num="1"] {
        left: -85px
    }

    #pricing-bulk .env[data-num="2"] {
        left: 200px;
        top: 245px
    }

    #auto-partners .partner-logo img {
        transform: scale(0.75)
    }

    #gc-detail .card-inner {
        padding: 40px
    }

    #page-netflix #tier-hero {
        padding-top: 115px;
        padding-bottom: 50px
    }

    #page-netflix #tier-hero .image-full {
        margin-bottom: 35px
    }

    #page-netflix #tier-hero .txt {
        padding-left: 25px;
        padding-right: 25px
    }

    #page-netflix #tier-hero p br {
        display: none
    }
}

/*! MQ: 3 -> 900px */
@media only screen and (min-width:300px) and (max-width:519px) {
    #page-home #globalHeader .logo.dsk {
        top: 60px !important;
    }

    .floatbutton {
        top: 27% !important;
    }

    #home-cards .col.right {
        width: 100%;
        margin-right: 0;
    }

    .top_add p {
        margin-top: 20px;
        font-size: 13px;
    }

    .top_add a {
        display: inline-block;
        margin-top: 10px;
    }

    #pricing-popup .popup-box {
        right: auto;
        left: 0
    }

    #pricing-popup .popup-box .arm {
        width: 47px;
        top: 158px;
        left: 100px
    }

    #pricing-popup .popup-box {
        height: 347px
    }
}

@media screen and (max-width:900px) {
    #globalHeader {
        position: absolute
    }

    #globalMenu .menu-btn {
        right: 25px;
        width: 42px;
        height: 41px;
        transform: translateY(0)
    }

    #globalMenu .menu-wrap {
        background-color: #433a44
    }

    #globalMenu .subscribe-wrap {
        display: block
    }

    #globalMenu .cta-items.tab {
        transform: translateY(-100px)
    }

    #globalMenu .menu-contents .logo {
        margin: 0
    }

    #globalMenu .menu-contents .dline {
        margin-left: 45px;
        top: 104px
    }

    #globalMenu .menu-contents .row {
        display: block;
        max-width: none
    }

    #globalMenu .menu-contents .connect {
        display: none
    }

    #globalMenu .menu-contents .top>li+li {
        margin-top: 29px
    }

    #globalMenu .menu-contents .top>li>a {
        font-size: 16px
    }

    #globalMenu .menu-contents .subnav li a {
        font-size: 14px
    }

    #globalMenu .menu-contents .cta-items {
        display: block
    }

    #globalFooter {
        padding-bottom: 35px
    }

    #globalFooter .row.main {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        margin-top: 50px
    }

    #globalFooter .row.main .col[data-num="1"] {
        display: none
    }

    #globalFooter .row.main .col[data-num="2"] {
        width: 25%
    }

    #globalFooter .row.main .col[data-num="3"] {
        width: 35%
    }

    .app-container .phone-row .col.text {
        width: 62%
    }

    .app-container .phone-row .col.image {
        width: 38%;
        padding-right: 30px
    }

    #footer-cta .word-wrap .sizer {
        left: 0
    }

    #footer-cta .cta-row .col.left,
    #footer-cta .cta-row .col.right {
        width: 48%
    }

    #business-facts .form-wrap .inner {
        padding-bottom: 10px
    }

    #business-facts .form-wrap .field-row+.field-row {
        margin-top: 15px
    }

    #business-facts .form-wrap .field-row:not(.nobreak) {
        display: block
    }

    #business-facts .form-wrap .field-row:not(.nobreak) .field-wrap {
        width: 100%
    }

    #business-facts .form-wrap .field-row:not(.nobreak) .field-wrap+.field-wrap {
        margin-top: 15px
    }

    #business-facts .form-wrap .thank-you {
        margin-top: 10px
    }

    #business-facts .form-wrap .thank-you p {
        line-height: 1.35
    }

    #business-facts .form-wrap .thank-you p .dsk {
        display: none
    }

    .int-screens .screen-row+.screen-row {
        margin-top: 75px
    }

    .int-screens .screen-row .col {
        width: 50% !important
    }

    .int-screens .screen-row.left .col.text .txt {
        padding-left: 25px
    }

    .int-screens .screen-row.right .col.text .txt {
        padding-right: 10px
    }

    .int-screens[data-num="1"] {
        padding-bottom: 125px
    }

    #blog-cta .row.main .content-wrap {
        padding-bottom: 110px;
        min-height: 0
    }

    #blog-cta .row.main .row.inner>.col.right {
        padding-top: 30px
    }

    #blog-cta .row.inner p {
        min-height: 0
    }

    #blog-cta .cta-btn.dsk {
        display: none
    }

    #blog-cta .cta-wrap.mob {
        display: block;
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 35px
    }

    #blog-cta .cta-btn {
        padding: 19px 22px !important
    }

    #blog-cta p {
        font-size: 15px
    }

    #blog-cta .col.cards .env {
        transform: scale(0.65);
        top: -80px;
        left: -210px
    }

    #blog-cta .col.cards .tube {
        display: none
    }

    #search-btn {
        display: none
    }

    #page-resources #search-btn-mob {
        display: block;
        top: 13px;
        right: 69px
    }

    #page-resources #search-btn-mob .icon {
        color: #020f14;
        font-size: 20px
    }

    #page-pricing #tier-hero .bg-wrap .col.image {
        left: 20px
    }

    #page-pricing .compare-table .table-row {
        padding: 10px
    }

    #page-pricing .compare-table .table-row.hasBtn {
        padding: 10px
    }

    #page-pricing .compare-table .table-row.cta {
        padding: 0
    }

    #page-pricing .compare-table p {
        font-size: 15px;
        line-height: 1.85
    }

    #page-pricing .compare-table .cta-btn {
        min-width: 0
    }

    #pricing-plans .table-footnote {
        padding-left: 10px
    }

    #pricing-popup .popup-box .arm,
    #pricing-popup .popup-box a:not(.cta-btn) {
        display: block
    }

    #pricing-popup .popup-box .cta-btn {
        margin-bottom: 0
    }

    #pricing-popup .popup-box .inner {
        height: auto;
        padding: 25px;
        border: solid 3px #020f14;
        background-color: #dceaff;
        width: 100%;
        max-width: 400px;
        margin: 0 auto
    }

    #pricing-popup .popup-box .close-btn {
        display: block
    }

    #pricing-popup .popup-box .icon {
        color: #020f14
    }

    #page-auto-dealers .compare-table .table-row {
        padding: 10px
    }

    #page-auto-dealers .compare-table .table-row.hasBtn {
        padding: 10px
    }

    #page-auto-dealers .compare-table .table-row.cta {
        padding: 0
    }

    #page-auto-dealers .compare-table p {
        font-size: 15px;
        line-height: 1.85
    }

    #page-auto-dealers .compare-table .cta-btn {
        min-width: 0
    }
}

/*! MQ: 4 -> 768px */
@media screen and (max-width:768px) {
    body {
        font-size: 17px
    }

    .global h1,
    .global h2,
    section h1,
    section h2 {
        font-size: 36px
    }

    .global h2,
    section h2 {
        margin-bottom: 14px
    }

    .global h3,
    section h3 {
        font-size: 21px
    }

    .basic-scaler {
        transform: scale(0.6)
    }

    .cta-btn {
        font-size: 12px;
        padding: 19px 22px
    }

    .cta-btn .icon-wrap {
        right: 10px;
        transform: scale(0.8)
    }

    .cta-btn.hasIcon {
        text-align: left;
        padding-left: 17px;
        padding-right: 50px
    }

    #globalHeader .logo.dsk {
        width: 113px
    }

    #globalMenu .menu-contents .logo {
        width: 113px
    }

    #tier-hero {
        padding-top: 85px
    }

    .subscribe-wrap h3 {
        font-size: 27px
    }

    #contact-overlay .close-btn,
    #search-overlay .close-btn,
    #special-overlay .close-btn {
        right: 0;
        top: 0;
        z-index: 5
    }

    #contact-overlay .close-btn .icon,
    #search-overlay .close-btn .icon,
    #special-overlay .close-btn .icon {
        color: #020f14
    }

    #contact-overlay .close-btn .bg,
    #search-overlay .close-btn .bg,
    #special-overlay .close-btn .bg {
        display: none
    }

    #business-integration header .hw-font,
    #page-integrations #tier-hero header .hw-font {
        font-size: 90px;
        margin: 0
    }

    .form-wrap .inner {
        padding: 15px 17px 10px
    }

    .form-wrap .field-row+.field-row {
        margin-top: 15px
    }

    .form-wrap .field-row .field-wrap:not(.ta) {
        height: 40px
    }

    .form-wrap .field-row:not(.nobreak) {
        display: block
    }

    .form-wrap .field-row:not(.nobreak) .field-wrap {
        width: 100%
    }

    .form-wrap .field-row:not(.nobreak) .field-wrap+.field-wrap {
        margin-top: 15px
    }

    .form-wrap .field-row.nobreak .field-wrap {
        width: 49%
    }

    .form-wrap .field-wrap input,
    .form-wrap .field-wrap label {
        font-size: 14px;
        padding: 10px 0;
        height: 33px
    }

    .form-wrap .field-wrap label {
        padding-right: 8px
    }

    .form-wrap .field-wrap.ta {
        margin-top: 35px;
        padding: 10px 15px
    }

    .form-wrap .field-wrap.ta textarea {
        font-size: 14px;
        height: 95px
    }

    .form-wrap .cta-btn {
        margin-top: 32px;
        min-width: 107px
    }

    .form-wrap .thank-you {
        margin-top: 10px
    }

    .form-wrap .thank-you p {
        line-height: 1.35
    }

    .form-wrap .thank-you p .dsk {
        display: none
    }

    .select2-container--default .select2-selection--single {
        padding: 11px 0
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px
    }

    .select2-results__option {
        padding: 6px 10px;
        font-size: 14px
    }

    .module-grid .module .txt p {
        font-size: 15px;
        line-height: 1.86
    }

    .app-container .shape-bg-wrap,
    .app-container .shape-wrap {
        height: 700px
    }

    .app-container .dline {
        top: 665px
    }

    #home-hero {
        padding-top: 85px;
        padding-bottom: 260px
    }

    #home-hero .background[data-num="1"] {
        transform: scale(0.6)
    }

    #home-hero .background[data-num="1"] .arm[data-num="1"] {
        top: 200px;
        left: 736px
    }

    #home-hero .background[data-num="1"] .botpipe {
        left: 482px
    }

    #home-hero .bg-wrap {
        height: 790px;
        bottom: -281px
    }

    #home-hero .background[data-num="2"] .photo-group {
        transform: scale(0.6);
        left: 580px;
        top: -313px
    }

    #home-hero .background[data-num="2"] .arm[data-num="2"] {
        top: 102px
    }

    #home-hero .background[data-num="2"] .photo[data-num="3"] {
        left: 402px
    }

    #home-hero .background[data-num="2"] .photo[data-num="2"] {
        left: 471px
    }

    #home-hero .writer-wrap .side-arm {
        left: -32px;
        top: 144px
    }

    #home-hero .writer-wrap .side-arm .inner {
        transform: scale(0.8);
        transform-origin: left top
    }

    #home-hero .writer-wrap .uline-wrap .underline img {
        width: 44px
    }

    #home-hero .doodler-wrap {
        transform: scale(0.6);
        top: 125px
    }

    #home-about {
        padding-top: 125px
    }

    #home-about .buckets .txt p {
        font-size: 15px;
        line-height: 1.86
    }

    #home-cards {
        padding-bottom: 300px
    }

    #home-cards .contentContainer {
        padding-top: 160px
    }

    #home-cards .hw-font {
        font-size: 90px;
        margin-right: -5px;
        margin-left: 0
    }

    #home-cards .bg-wrap[data-num="1"] {
        top: -400px
    }

    #home-cards .bg-wrap[data-num="2"] {
        bottom: -132px
    }

    #home-blog .blog-cta {
        margin-top: 60px
    }

    #home-blog .blog-cta .ornament {
        width: 350px;
        top: -30px;
        margin-left: -5px
    }

    #home-blog .bg-wrap {
        display: none
    }

    #home-blog .hw-font {
        transform: none
    }

    #home-blog .hw-font.dsk {
        display: block
    }

    #home-blog .hw-font.mob {
        display: block;
        font-size: 110px;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: 33px
    }

    #home-blog .hw-font.mob .word {
        display: inline-block
    }

    #home-blog .hw-font.mob .word+.word {
        margin-left: -15px;
        margin-top: 32px
    }

    #home-blog .hw-font.mob .underline[data-num="1"] {
        left: 4px;
        bottom: -39px;
        width: 263px;
        height: 15px
    }

    #home-blog .hw-font.mob .underline[data-num="1"] img {
        height: 15px
    }

    #home-blog .hw-font.mob .underline[data-num="2"] {
        left: 11px;
        bottom: -20px;
        width: 225px;
        height: 6px
    }

    #home-blog .hw-font.mob .underline[data-num="2"] img {
        height: 6px
    }

    #page-home .customers {
        padding-top: 12px
    }

    #page-home .customers header .icon {
        width: 155px;
        margin-bottom: 14px
    }

    #page-home .customers .background {
        display: none
    }

    #footer-cta .word-wrap .sizer {
        left: 0
    }

    #footer-cta .cta-row .col.left .illus {
        width: 168px
    }

    #footer-cta .cta-row .col.left .hw-font {
        font-size: 90px;
        margin-right: -8px
    }

    #page-business #tier-hero {
        padding-bottom: 670px;
        height: auto
    }

    #page-business #tier-hero .contentContainer {
        max-width: 550px
    }

    #page-business #tier-hero br {
        display: none
    }

    #page-business #tier-hero .row {
        display: block
    }

    #page-business #tier-hero .col {
        width: 100%
    }

    #page-business #tier-hero .col.right {
        margin-top: 28px
    }

    #page-business #tier-hero .hero-bg {
        height: 1530px
    }

    #page-business #tier-hero .hero-bg .dline,
    #page-business #tier-hero .hero-bg .dline-anim,
    #page-business #tier-hero .hero-bg .env {
        display: none
    }

    #page-business #tier-hero .hero-bg .bots {
        transform: scale(1.1);
        top: 525px;
        left: 93px
    }

    #page-business #tier-hero .hero-bg .blob {
        left: 220px;
        top: 995px;
        transform: rotate(-10deg)
    }

    #page-business #tier-hero .hero-bg .mailbox {
        display: none
    }

    #page-business #tier-hero .background[data-num="1"] {
        transform: scale(0.9);
        top: 520px;
        margin-left: -565px
    }

    #page-business #tier-hero .background[data-num="2"] {
        transform: scale(0.6);
        top: auto;
        bottom: 0;
        height: auto
    }

    #page-business #tier-hero .background[data-num="2"] .env {
        left: 424px;
        top: -690px
    }

    #business-integration {
        padding-top: 222px;
        padding-bottom: 55px
    }

    #business-integration header {
        margin-bottom: 35px
    }

    #business-integration header h2 {
        margin-bottom: 12px
    }

    #business-integration .module-slider-wrap {
        height: 440px
    }

    #business-integration .module-slide {
        height: 460px
    }

    #business-integration .module-slide h3 {
        margin-bottom: 10px
    }

    #business-integration .module-slide .txt {
        height: 240px;
        overflow: hidden
    }

    #business-integration .module-slide .card-inner {
        padding: 12px 22px
    }

    #business-integration .squiggle-line {
        margin: 40px 0 30px
    }

    #business-integration .background {
        transform: scale(0.65)
    }

    #business-integration .dline {
        left: 50%;
        margin-left: -650px
    }

    .card-border .card-inner p {
        font-size: 15px;
        line-height: 1.86
    }

    #business-facts .contentContainer {
        padding-top: 70px
    }

    #business-facts .shape-wrap {
        height: calc(531px)
    }

    #business-facts .shape-bg {
        top: 155px
    }

    #business-facts .background {
        top: 3px;
        transform: scale(0.71)
    }

    #page-integrations #tier-hero .bg-wrap {
        height: calc(240px)
    }

    .int-screens[data-num="1"],
    .int-screens[data-num="2"] {
        padding-top: 75px
    }

    #int-api {
        padding-top: 50px;
        padding-bottom: 380px
    }

    #int-api .background {
        height: 1115px
    }

    #int-api .cta-btn {
        margin-top: 50px
    }

    [id^="page-integrations-"] #tier-hero .cta-btn {
        min-width: 155px
    }

    [id^="page-integrations-"] #tier-hero p {
        font-size: 17px
    }

    [id^="page-integrations-"] #tier-hero {
        padding-top: 120px;
        margin-bottom: 30px
    }

    [id^="page-integrations-"] #tier-hero .cta-group {
        margin-top: 22px
    }

    [id^="page-integrations-"] #tier-hero p {
        max-width: 600px
    }

    [id^="page-integrations-"] .int-screens .screen-row.right .col.text {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0
    }

    [id^="page-integrations-"] .int-screens .screen-row.right .col.text .txt {
        max-width: none !important
    }

    [id^="page-integrations-"] .int-screens .screen-row.right .col.image {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 15px
    }

    #int-details {
        padding-bottom: 75px
    }

    #int-details ul li {
        font-size: 15px;
        line-height: 1.86;
        padding-left: 45px
    }

    #int-details ul li:before {
        background-size: 29px auto
    }

    #int-details .screen-row {
        max-width: 650px
    }

    #int-details .screen-row.left .col.text {
        padding-left: 25px;
        padding-right: 0
    }

    #int-details .quote-wrap {
        padding-top: 10px;
        padding-bottom: 70px
    }

    #int-details .quote-wrap .dline {
        transform: scale(0.65);
        margin-left: -482px;
        top: 10px;
        transform-origin: center top
    }

    #int-details .buckets p {
        font-size: 15px
    }

    #int-details .content-block+.content-block {
        margin-top: 75px
    }

    #int-app {
        padding-bottom: 0;
        margin-top: -200px
    }

    #int-app .env[data-num="1"] {
        top: 325px
    }

    #int-app .pen {
        top: 150px
    }

    .int-screens {
        padding-left: 10px;
        padding-right: 10px
    }

    .int-screens[data-num="1"] {
        padding-top: 100px;
        padding-bottom: 85px;
        margin-top: -75px
    }

    .int-screens[data-num="2"] {
        padding-top: 150px
    }

    .int-screens .screen-row+.screen-row {
        margin-top: 140px
    }

    .int-screens .screen-row .inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        width: 100%;
        max-width: 1400px;
        position: relative;
        z-index: 1;
        flex-flow: wrap
    }

    .int-screens .screen-row h3 {
        margin-bottom: 10px;
        padding-right: 20px
    }

    .int-screens .screen-row p {
        font-size: 15px
    }

    .int-screens .screen-row .logo {
        margin-bottom: 0
    }

    .int-screens .screen-row .cta-btn {
        margin-top: 18px
    }

    .int-screens .screen-row .col.image {
        width: 100% !important;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        flex-basis: 100%
    }

    .int-screens .screen-row .col.text {
        width: 100% !important;
        padding: 0 15px !important;
        max-width: none;
        margin-top: 40px;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .int-screens .screen-row .col.text .txt {
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: 350px !important
    }

    .int-screens .screen-row[data-num="2"] .background {
        transform: scale(0.42)
    }

    .int-screens .screen-row[data-num="2"] .dline[data-num="1"] {
        left: 880px;
        top: -550px
    }

    .int-screens .screen-row[data-num="2"] .dline[data-num="2"] {
        display: none
    }

    .int-screens .screen-row[data-num="4"] .col.text {
        margin-top: 70px
    }

    .int-screens .screen-row[data-num="4"] .background[data-num="2"] {
        display: none
    }

    .int-screens .screen-row[data-num="4"] .bg-ornaments[data-num="2"] {
        bottom: -53px
    }

    #int-details {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 35px
    }

    #int-details ul li+li {
        margin-top: 20px
    }

    #int-details .content-block:not(.screen-row) {
        padding-left: 25px;
        padding-right: 25px
    }

    #int-details .content-block.quote-wrap+.content-block {
        z-index: 5
    }

    #int-details .content-block+.content-block {
        margin-top: 60px !important
    }

    #int-details .quote-wrap {
        margin-top: 50px !important;
        padding-bottom: 0
    }

    #int-details .quote-wrap .quote {
        width: 26px
    }

    #int-details .quote-wrap .quote.left {
        left: 15px;
        top: 25px
    }

    #int-details .quote-wrap .quote.right {
        right: 15px
    }

    #int-details .quote-wrap cite {
        font-size: 12px;
        margin-top: 50px
    }

    #int-details .quote-wrap .card-inner {
        padding: 47px 30px 36px
    }

    #int-details .quote-wrap .dline {
        top: auto;
        bottom: -104px;
        transform-origin: center bottom
    }

    #int-details .screen-row .feature-icon {
        transform: scale(0.7);
        margin-bottom: 4px
    }

    #int-details .screen-row h2 {
        margin-bottom: 22px
    }

    #int-details .screen-row ul {
        max-width: none
    }

    #int-details .screen-row .col {
        width: 100% !important
    }

    #int-details .screen-row .col.text {
        padding-left: 25px !important;
        padding-right: 25px !important;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
        max-width: none
    }

    #int-details .screen-row .col.text .txt {
        max-width: none
    }

    #int-details .screen-row .col.image {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        flex-basis: 100%
    }

    #int-details .buckets {
        display: block
    }

    #int-details .buckets .icon-wrap {
        transform: scale(0.75);
        height: 45px;
        margin-bottom: 8px
    }

    #int-details .buckets .bucket {
        width: 100%
    }

    #int-details .buckets .bucket+.bucket {
        margin-top: 30px
    }

    #page-features #tier-hero .background[data-num="1"] {
        transform: scale(0.71);
        margin-left: -1154px;
        bottom: -103px
    }

    #page-features #tier-hero .background[data-num="2"] {
        display: none
    }

    #page-features #tier-hero .background[data-num="3"] {
        transform: scale(0.8)
    }

    #page-features #tier-hero .background[data-num="3"] .pen {
        transform: rotate(-36deg);
        left: 485px;
        top: 740px
    }

    #features .feature-row p {
        font-size: 15px;
        line-height: 1.86
    }

    #features .feature-row h2 {
        margin-bottom: 14px
    }

    #features .feature-row+.feature-row {
        margin-top: 72px
    }

    #features .feature-row.left .col.text {
        padding-left: 25px;
        padding-right: 0
    }

    #contact-overlay .contact-modal .inner,
    #special-overlay .contact-modal .inner {
        padding: 20px 17px 10px
    }

    #contact-overlay .form-wrap,
    #special-overlay .form-wrap {
        margin-top: 20px
    }

    #features-app {
        padding-bottom: 0
    }

    #features-app .computer {
        margin-bottom: 165px
    }

    #features-app .dline {
        top: 1500px;
        left: -407px
    }

    #features-app .bg-wrap[data-num="3"] {
        bottom: -265px
    }

    .blog-grid .blog-thumb .thumb {
        height: 220px
    }

    .blog-grid .blog-thumb+.blog-thumb {
        margin-top: 38px
    }

    #page-resources .blog-featured {
        height: auto
    }

    #page-resources .blog-featured .col {
        width: 100%;
        display: block;
        height: auto
    }

    #page-resources .blog-featured .featured-photo {
        height: 290px;
        position: relative
    }

    #page-resources .blog-featured .featured-thumb {
        max-width: none
    }

    #page-resources .blog-featured .featured-thumb p {
        max-height: none
    }

    #page-resources .blog-featured .inner {
        padding-left: 0;
        padding-right: 0
    }

    #page-resources .blog-featured .arrow-btn {
        display: none
    }

    #page-resources #tier-hero {
        padding-top: 62px
    }

    #page-resources #tier-hero .hw-font {
        transform: none
    }

    #page-resources #tier-hero .hw-font.dsk {
        display: none
    }

    #page-resources #tier-hero .hw-font.mob {
        display: block;
        font-size: 110px;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: 33px
    }

    #page-resources #tier-hero .hw-font.mob .word {
        display: inline-block
    }

    #page-resources #tier-hero .hw-font.mob .word+.word {
        margin-left: -15px;
        margin-top: 32px
    }

    #page-resources #tier-hero .hw-font.mob .underline[data-num="1"] {
        left: 4px;
        bottom: -39px;
        width: 263px;
        height: 15px
    }

    #page-resources #tier-hero .hw-font.mob .underline[data-num="1"] img {
        height: 15px
    }

    #page-resources #tier-hero .hw-font.mob .underline[data-num="2"] {
        left: 11px;
        bottom: -20px;
        width: 225px;
        height: 6px
    }

    #page-resources #tier-hero .hw-font.mob .underline[data-num="2"] img {
        height: 6px
    }

    #page-resources.article #tier-hero header {
        padding-right: 0
    }

    #page-resources.article .blog-featured {
        margin-top: 30px
    }

    #page-resources.search #tier-hero {
        padding-top: 80px
    }

    #page-resources.tutorials #tier-hero {
        padding-top: 80px
    }

    #page-resources.tutorials #tier-hero .bg-wrap {
        height: calc(247.2px)
    }

    #blog-article {
        padding-top: 35px;
        padding-bottom: 80px
    }

    #blog-article .bodycopy h2 {
        font-size: 21px
    }

    #blog-article .bodycopy h3 {
        font-size: 15px;
        line-height: 1.86
    }

    #blog-article .bodycopy p {
        font-size: 15px;
        line-height: 1.86
    }

    #blog-article .bodycopy p.intro {
        font-size: 17px
    }

    #blog-article .bodycopy p+p {
        margin-top: 15px
    }

    #blog-article .bodycopy figure {
        margin-bottom: 45px
    }

    #blog-article .bodycopy figure+h2 {
        margin-top: 0
    }

    #blog-article .bodycopy *+* {
        margin-top: 40px
    }

    #blog-article .quote-wrap {
        padding: 20px 25px 35px;
        margin: 40px 0
    }

    #blog-article .quote-wrap blockquote {
        font-size: 45px
    }

    #blog-article .quote-wrap .quote {
        width: 26px
    }

    #blog-article .quote-wrap .quote.left {
        left: 0;
        top: 10px
    }

    #blog-article .quote-wrap .quote.right {
        right: 10px
    }

    #next-posts header {
        padding-top: 117px;
        margin-bottom: 28px
    }

    #next-posts .shape-wrap {
        height: 450px
    }

    #next-posts .next-thumbs .blog-thumb {
        width: 48%
    }

    #next-posts .illus {
        width: 126px;
        top: -94px;
        margin-left: 25px
    }

    #blog-cta {
        padding-top: 25px
    }

    #blog-cta h3 {
        margin-bottom: 10px
    }

    #blog-cta .icon-h {
        width: 47px;
        top: -23px
    }

    #page-about #tier-hero .stat-bucket .illus {
        height: 56px
    }

    #page-about #tier-hero .stat-bucket .illus img {
        transform: scale(0.7)
    }

    #about-help {
        padding-bottom: 360px !important;
        margin-top: 90px
    }

    #about-help .contentContainer {
        padding-top: 80px
    }

    #about-help .form-wrap {
        margin-top: 38px
    }

    #about-help .bg-wrap {
        height: 474px
    }

    #about-help .bg-wrap .background {
        transform: scale(0.7);
        margin-left: -512px
    }

    #about-help .bg-wrap .dline {
        display: none
    }

    #about-help .dline[data-num="1"] {
        left: 80px;
        top: -105px
    }

    #about-help .dline-anim {
        display: none
    }

    #page-company-vs #tier-hero {
        padding-bottom: 50px
    }

    #page-company-vs .about-rows {
        padding-bottom: 85px
    }

    #page-company-vs .about-rows .row+.row {
        margin-top: 60px
    }

    #page-company-vs .about-rows .shape-wrap {
        top: -300px
    }

    #page-company-vs .compare-table p {
        font-size: 15px
    }

    #page-company-vs .customers {
        padding-top: 70px
    }

    #page-pricing #tier-hero {
        padding-top: 85px
    }

    #page-pricing #tier-hero .cta-btn {
        margin: 22px 0 22px
    }

    #page-pricing #tier-hero .bg-wrap {
        padding-top: 85px
    }

    #page-pricing #tier-hero h1+p {
        margin-top: 12px
    }

    #page-pricing #tier-hero .writer-wrap .uline-wrap .underline img {
        width: 44px
    }

    #pricing-plans {
        padding-top: 50px;
        padding-bottom: 50px
    }

    #pricing-plans .compare-table {
        display: block;
        margin-top: 36px
    }

    #pricing-plans .compare-table .col {
        width: 100% !important
    }

    #pricing-plans .compare-table .col:not(.labels)+.col {
        margin-top: 40px
    }

    #pricing-plans .compare-table .col.labels {
        display: none
    }

    #pricing-plans .compare-table .col.featured {
        top: auto
    }

    #pricing-plans .compare-table .col.featured .featured-inner {
        padding: 0
    }

    #pricing-plans .compare-table .col.featured .featured-inner .table-row:last-child {
        border-bottom: 1px solid rgba(2, 15, 20, 0.15)
    }

    #pricing-plans .compare-table .col.other+.other {
        border-left: 1px solid rgba(2, 15, 20, 0.15)
    }

    #pricing-plans .compare-table h3 {
        margin-bottom: 5px;
        color: #020f14
    }

    #pricing-plans .compare-table .mob {
        display: block
    }

    #pricing-plans .compare-table .table-row {
        padding: 23px 15px 28px
    }

    #pricing-plans .compare-table .table-row.title {
        padding: 26px 15px
    }

    #pricing-plans .compare-table .table-row.title h3 {
        color: #1B69C5
    }

    #pricing-plans .compare-table .table-row.hasBtn {
        padding: 20px 15px 25px
    }

    #pricing-plans .compare-table .table-row.hasBtn p {
        width: 100%;
        max-width: 250px;
        margin: 0 auto
    }

    #pricing-plans .compare-table .table-row.hasBtn .cta-btn {
        margin-top: 22px;
        min-width: 160px
    }

    #pricing-plans .compare-table .table-row.cta.tall {
        min-height: 0;
        padding: 20px 15px 25px
    }

    #pricing-plans .compare-table .table-row.cta.tall p {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        color: #020f14
    }

    #pricing-plans .compare-table .table-row.cta.tall a {
        display: inline-block;
        margin-top: 22px;
        min-width: 160px;
        width: auto;
        height: auto;
        padding: 19px 22px
    }

    #pricing-plans .table-footnote {
        padding: 0;
        margin-top: 20px
    }

    #pricing-bulk {
        padding-bottom: 112px !important
    }

    #pricing-bulk .background {
        top: 100px
    }

    #pricing-bulk .compare-table {
        margin-top: 70px
    }

    #pricing-bulk .cta-btn {
        margin-top: 27px
    }

    #auto-partners .logo-group {
        width: 100%;
        max-width: 450px;
        margin: 0 auto
    }

    #auto-partners .partner-logo {
        width: 50%
    }

    #page-auto-dealers #pricing-plans .table-row.price p {
        font-size: 21px
    }

    [id^="page-gift-card"] #tier-hero {
        padding-bottom: 175px
    }

    [id^="page-gift-card"] #tier-hero .illus {
        transform-origin: center bottom;
        transform: scale(0.8)
    }

    #gc-detail,
    #gift-card-grid {
        padding-top: 60px
    }

    #gc-detail .dline {
        transform: scale(0.8)
    }

    #gc-popular {
        padding-bottom: 35px
    }

    #page-netflix #tier-hero {
        padding-top: 85px
    }
}

@media screen and (max-width:750px) {
    #home-about .buckets.split .background.dline {
        display: none
    }

    #page-pricing #tier-hero .main .col.text {
        width: 60%
    }

    #page-pricing #tier-hero .main .col.text .txt>p {
        padding-right: 15%
    }
}

/*! MQ: 5 -> 650px */
@media screen and (max-width:650px) {
    #globalFooter .icon-h {
        width: 47px;
        top: -23px
    }

    #tier-hero {
        padding-top: 110px
    }

    #tier-hero h1+p {
        margin-top: 10px
    }

    #globalFooter {
        padding-top: 28px
    }

    #globalFooter li,
    #globalFooter p {
        font-size: 14px
    }

    #globalFooter .row.main {
        margin-top: 72px;
        display: block
    }

    #globalFooter .row.main .col {
        width: 100% !important
    }

    #globalFooter .row.main .col[data-num="2"] {
        display: none
    }

    #globalFooter .row.main .col[data-num="3"] br {
        display: block
    }

    #globalFooter .row.main .col[data-num="3"] .title-li {
        margin-bottom: 16px
    }

    #globalFooter .row.main .col[data-num="4"] {
        margin-top: 24px
    }

    #globalFooter .row.main li+li {
        margin-top: 14px
    }

    #globalFooter .row.main .title-li {
        font-size: 21px
    }

    #globalFooter .row.main .seal.mob {
        display: none;
        width: 102px;
        position: absolute;
        right: 0;
        top: 16px;
        margin: 0
    }

    #globalFooter .row.social {
        margin-top: 46px
    }

    #globalFooter .row.social .social-links {
        width: 100%;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 50px
    }

    #globalFooter .row.social .cta-items {
        width: 100%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        text-align: left
    }

    #globalFooter .row.social .cta-items ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    #globalFooter .row.social .cta-items .cta {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        margin-right: 25px
    }

    #globalFooter .row.social .cta-items li:not(.cta) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #globalFooter .row.legal {
        margin-top: 35px;
        display: block
    }

    #globalFooter .row.legal .vline-div {
        visibility: hidden;
        display: block;
        height: 5px
    }

    #globalFooter .row.legal .credit {
        margin-top: 22px
    }

    .social-links li {
        width: 40px;
        height: 40px;
        border-radius: 40px
    }

    .social-links li~li {
        margin-left: 6px
    }

    .social-links li .icon-bg {
        font-size: 40px
    }

    .social-links li .icon {
        font-size: 18px;
        line-height: 40px
    }

    .social-links li .icon-pinterest {
        font-size: 20px
    }

    .subscribe-wrap h3 {
        margin-bottom: 14px
    }

    .subscribe-wrap .thank-you {
        top: 5px
    }

    [id^="subscribe-form"] input[type="email"] {
        font-size: 14px
    }

    [id^="subscribe-form"] .email-wrap {
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
        display: block
    }

    [id^="subscribe-form"] .input-wrap {
        width: 100%;
        top: auto
    }

    [id^="subscribe-form"] .cta-btn {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 35px
    }

    #globalMenu .subscribe-wrap .email-wrap {
        max-width: 335px
    }

    #page-features #globalFooter,
    #page-integrations #globalFooter {
        padding-top: 50px
    }

    #cookies-overlay .cookies-modal .txt p {
        font-size: 14px;
        line-height: 1.35
    }

    #cookies-overlay .cookies-modal .txt p br {
        display: none
    }

    .break {
        display: block
    }

    .module-grid {
        display: block
    }

    .module-grid .module {
        width: 100%;
        max-width: none;
        margin-bottom: 0
    }

    .module-grid .module+.module {
        margin-top: 30px
    }

    .uline-wrap .underline img {
        height: 5px
    }

    .squiggle-line {
        width: 136px !important
    }

    .customers .customer-slider {
        overflow: visible;
        height: 440px;
        margin-top: 30px
    }

    .customers .background {
        display: none
    }

    .customers .customer-slide p {
        font-size: 17px
    }

    .customers .customer-slide .side-dot {
        display: none
    }

    .customers .customer-slide .card-inner {
        padding: 15px 30px
    }

    .customers .customer-slide cite {
        font-size: 12px;
        margin-top: 50px
    }

    .customers .customer-slide .quote {
        width: 26px
    }

    .customers .customer-slide .quote.left {
        left: 15px;
        top: 20px
    }

    .customers .customer-slide .quote.right {
        right: 15px
    }

    .app-container {
        padding-bottom: 172px !important
    }

    .app-container .phone-row {
        display: block
    }

    .app-container .phone-row .col {
        width: 100% !important
    }

    .app-container .phone-row .col .hw-font {
        font-size: 90px;
        line-height: 0
    }

    .app-container .phone-row .col.image {
        height: auto;
        padding-right: 87px
    }

    .app-container .phone-row .col.image .inner {
        width: 100%;
        max-width: 256px;
        margin: 0 auto;
        height: auto
    }

    .app-container .phone-row .col.text {
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
        padding: 0;
        margin-top: 101px
    }

    .app-container .cta-group {
        margin-top: 27px
    }

    .app-container .shape-bg-wrap,
    .app-container .shape-wrap {
        height: 633px
    }

    .app-container .dline {
        top: 621px;
        transform: scale(1.15);
        left: -75px
    }

    #home-hero {
        padding-top: 120px;
        padding-bottom: 342px
    }

    #home-hero .hw-font {
        font-size: 90px;
        margin-right: -8px
    }

    #home-hero .cta-btn {
        margin: 15px 0 20px
    }

    #home-hero .bg-wrap {
        bottom: -398px;
        height: 990px
    }

    #home-hero .background[data-num="1"] {
        transform: scale(0.53);
        top: 266px;
        margin-left: -1120px
    }

    #home-hero .background .botpipe,
    #home-hero .background .sidepipe {
        display: none
    }

    #home-hero .background .dline.dsk {
        display: none
    }

    #home-hero .background .dline.mob {
        display: block;
        width: 780px;
        transform: scale(1.85);
        left: 823px;
        top: 109px
    }

    #home-hero .background .dline-anim.dsk {
        display: none
    }

    #home-hero .background .dline-anim.mob {
        display: block;
        transform: scale(1.85)
    }

    #home-hero .background .dline-anim.mob[data-num="1"] {
        height: 345px;
        left: 1703px;
        top: 116px
    }

    #home-hero .background .dline-anim.mob[data-num="1"] .plane img {
        transform: rotate(42deg)
    }

    #home-hero .background .dline-anim.mob[data-num="2"] {
        height: 264px;
        left: 902px;
        top: 134px
    }

    #home-hero .background .dline-anim.mob[data-num="2"] .plane img {
        transform: scaleX(-1) rotate(-151deg)
    }

    #home-hero .background .dline-anim.mob .plane {
        width: 45px
    }

    #home-hero .background[data-num="2"] .photo-group {
        left: 281px;
        top: -75px;
        transform: scale(0.53)
    }

    #home-hero .background[data-num="2"] .photo[data-num="3"] {
        left: 496px
    }

    #home-hero .background[data-num="2"] .photo[data-num="2"] {
        left: 562px;
        top: 405px
    }

    #home-hero .background[data-num="2"] .arm[data-num="2"] {
        left: 940px;
        top: 494px;
        transform: scale(0.7)
    }

    #home-hero .background[data-num="2"] .arm-cover {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 140px;
        background-color: #dceaff
    }

    #home-hero .writer-wrap .side-arm {
        display: none
    }

    #home-hero .doodler-wrap {
        transform: scale(0.85);
        top: 75px;
        left: 965px
    }

    #home-about {
        padding-top: 164px
    }

    #home-about header {
        margin-bottom: 35px
    }

    #home-about header p br {
        display: none
    }

    #home-about h3 {
        margin-bottom: -2px
    }

    #home-about h2 {
        margin-bottom: 40px
    }

    #home-about .hw-font {
        font-size: 110px
    }

    #home-about .uline-wrap .underline {
        bottom: -26px
    }

    #home-about .uline-wrap .underline img {
        width: 224px
    }

    #home-about .buckets.split {
        display: block
    }

    #home-about .bucket {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #home-about .bucket+.bucket {
        margin-top: 50px
    }

    #home-about .buckets.full {
        margin-top: 50px
    }

    #home-about .buckets.full .icon {
        width: 228px
    }

    #home-cards {
        z-index: 3
    }

    #home-cards .contentContainer {
        padding-top: 320px
    }

    #home-cards .bg-wrap[data-num="1"] {
        top: -68px
    }

    #home-cards .bg-wrap[data-num="1"] .background.dsk {
        display: none
    }

    #home-cards .bg-wrap[data-num="1"] .background.mob {
        display: block
    }

    #home-cards .bg-wrap[data-num="1"] .background.mob .cards {
        width: 638px;
        left: 570px
    }

    #home-cards .bg-wrap[data-num="2"] {
        bottom: -111px
    }

    #home-cards .bg-wrap[data-num="2"] .background {
        transform: scale(0.7);
        margin-left: -1128px
    }

    #home-cards .bg-wrap[data-num="3"] {
        display: block;
        top: auto;
        bottom: -190px;
        height: 300px
    }

    #home-cards .bg-wrap[data-num="3"] .cards {
        width: 320px;
        position: absolute;
        left: 50%;
        margin-left: -350px
    }

    #home-cards .col.right {
        width: 100%
    }

    #home-cards .col.right>h2,
    #home-cards .col.right>p {
        max-width: none
    }

    #home-cards .col.right>h2 .dots {
        top: -45px
    }

    #home-cards .cta-btn {
        margin-top: 22px
    }

    #home-blog {
        padding-top: 146px;
        overflow: hidden;
        z-index: 4
    }

    #home-blog header p br.nobreak {
        display: none
    }

    #home-blog .blog-grid {
        margin-top: 50px
    }

    #page-home .customers {
        z-index: 3
    }

    #footer-cta {
        padding-bottom: 75px;
        margin-top: -10px;
        overflow: visible
    }

    #footer-cta .contentContainer {
        max-width: 400px
    }

    #footer-cta .word-wrap {
        display: none
    }

    #footer-cta .cta-logo.mob {
        display: block;
        width: 100%;
        max-width: 328px
    }

    #footer-cta .cta-row {
        display: block;
        margin-top: 10px
    }

    #footer-cta .cta-row .col {
        width: 100% !important
    }

    #footer-cta .cta-row .col.right {
        margin-top: 18px;
        padding: 0
    }

    #footer-cta .cta-row .col.left .illus {
        margin-top: 0
    }

    #footer-cta .cta-row .divider {
        display: none
    }

    #footer-cta .cta-btn {
        margin-top: 22px
    }

    #footer-cta .bg-wrap {
        display: block;
        height: 520px;
        top: -364px;
        pointer-events: none
    }

    #footer-cta .bg-wrap .background {
        width: 528px;
        left: 50%;
        margin-left: -346px;
        transform: scale(0.7)
    }

    #page-business #tier-hero .hero-bg .bots {
        transform: none;
        left: 0;
        top: 600px
    }

    #business-benefits {
        padding-top: 0
    }

    #business-benefits header {
        margin-bottom: 50px
    }

    #business-benefits .hw-font {
        font-size: 110px;
        margin-top: -2px;
        margin-bottom: 40px
    }

    #business-benefits .hw-font .underline {
        width: 214px;
        height: 5px;
        bottom: -24px;
        left: -15px
    }

    #business-benefits .hw-font .underline img {
        height: 5px
    }

    #business-benefits .module-grid .illus {
        transform: scale(0.7);
        transform-origin: center top;
        height: 95px
    }

    #business-benefits .module-grid .txt {
        padding: 25px
    }

    #business-benefits br.nobreak {
        display: none
    }

    #business-integration {
        padding-top: 300px
    }

    #business-integration .dline {
        margin-left: -510px;
        top: -215px
    }

    #business-integration .learn-more h2 br {
        display: none
    }

    #business-integration .module-slider-wrap {
        width: 100%;
        max-width: 380px;
        margin: 0 auto
    }

    #business-integration .slide-controls {
        margin-top: 48px;
        text-align: center
    }

    #business-integration .slide-count {
        padding-left: 0
    }

    #business-facts {
        padding-bottom: 100px
    }

    #business-facts .contentContainer {
        padding-top: 0
    }

    #business-facts .shape-wrap {
        height: 586px
    }

    #business-facts .col {
        width: 100% !important
    }

    #business-facts .col.left {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 50px
    }

    #business-facts .col.right {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #business-facts .col .txt {
        max-width: none !important;
        padding: 0 10px
    }

    #page-integrations #tier-hero .contentContainer {
        max-width: 400px
    }

    #page-integrations #tier-hero .bg-wrap {
        display: none
    }

    #page-integrations #tier-hero header h2 {
        margin-bottom: 10px
    }

    #int-cta .contentContainer {
        padding-top: 40px;
        padding-bottom: 125px
    }

    #int-cta h2 {
        margin-bottom: 30px
    }

    #int-cta .logo {
        transform: scale(0.85);
        transform-origin: center top;
        margin-bottom: 15px
    }

    #int-app .env[data-num="1"] {
        top: 285px;
        left: 390px
    }

    #int-app .pen {
        top: 292px;
        left: 720px
    }

    #int-app .shape-wrap .background {
        display: none
    }

    #page-features #tier-hero {
        height: 1160px
    }

    #page-features #tier-hero .hero-bg {
        height: 1160px
    }

    #page-features #tier-hero h1 {
        width: 100%;
        max-width: 350px;
        margin: 0 auto
    }

    #page-features #tier-hero .background[data-num="2"] {
        display: none
    }

    #page-features #tier-hero .background[data-num="3"] {
        left: 0;
        margin: 0;
        transform: scale(0.6)
    }

    #page-features #tier-hero .background[data-num="3"] .pen {
        transform: rotate(-36deg);
        left: -605px;
        top: 983px
    }

    #features {
        padding-left: 0;
        padding-right: 0;
        padding-top: 55px;
        padding-bottom: 20px
    }

    #features .feature-row .feature-icon {
        transform: scale(0.7);
        margin-bottom: -5px
    }

    #features .feature-row h2 {
        margin-bottom: 14px
    }

    #features .feature-row ul {
        max-width: none
    }

    #features .feature-row .col {
        width: 100% !important
    }

    #features .feature-row .col.text {
        padding-left: 25px !important;
        padding-right: 25px !important;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
        max-width: none
    }

    #features .feature-row .col.text .txt {
        max-width: none
    }

    #features .feature-row .col.image {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #features-slider .module-slide,
    #features-slider .module-slider,
    #features-slider .module-slider-wrap {
        height: 320px
    }

    #features-slider .module-slider-wrap,
    #features-slider .slide-controls {
        max-width: 380px !important
    }

    #features-slider .slide-title {
        font-size: 17px;
        width: 100%
    }

    #features-slider .module-slide .card-inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-pack: center;
        padding: 5px
    }

    #features-slider .module-slide .card-inner img.dsk {
        display: none
    }

    #features-slider .module-slide .card-inner img.mob {
        display: block;
        max-width: 320px
    }

    #features-slider .module-slide .border-line[data-num="1"] {
        left: -5px;
        top: -4px
    }

    #features-slider .module-slide .border-line[data-num="2"] {
        right: -5px;
        bottom: -4px
    }

    #features-app {
        padding-top: 310px
    }

    #features-app header h2 {
        line-height: 1.35;
        margin-bottom: 10px
    }

    #features-app header h2 .hw-font {
        padding-right: 0;
        transform: translateY(45px)
    }

    #features-app header p {
        width: 100%;
        max-width: 400px;
        margin: 0 auto
    }

    #features-app header p br.nobreak {
        display: none
    }

    #features-app .env[data-num="1"] {
        left: 775px;
        top: 49px;
        transform: rotate(-2deg)
    }

    #features-app .env[data-num="2"] {
        display: none
    }

    #features-app .dline {
        top: 1217px;
        left: -74px
    }

    #features-app .computer {
        margin-top: 42px
    }

    #features-app .computer .icons {
        display: none
    }

    #features-app .bg-wrap[data-num="3"] {
        bottom: -175px
    }

    #features-app .bg-wrap[data-num="3"] .pen {
        top: 292px;
        left: 720px
    }

    .blog-grid.dsk {
        display: none
    }

    .blog-grid.mob {
        display: block
    }

    #page-resources .blog-grid.mob {
        margin-top: 38px
    }

    #page-resources .blog-featured {
        margin-top: 35px
    }

    #page-resources .blog-featured .featured-photo {
        height: 220px
    }

    #page-resources .blog-featured .featured-thumb p {
        display: none
    }

    #page-resources .blog-featured .featured-thumb h3 {
        margin-bottom: 0
    }

    #page-resources .blog-featured .featured-thumb time {
        font-size: 12px
    }

    #page-resources .blog-featured .featured-thumb .uline-wrap .underline {
        height: 8px
    }

    #page-resources .blog-featured .featured-thumb .uline-wrap .underline img {
        height: 8px
    }

    #page-resources .blog-featured .tape[data-num="1"] {
        left: 50%;
        margin-left: -43px
    }

    #page-resources .blog-featured .tape[data-num="2"] {
        display: none
    }

    #page-resources.article #tier-hero header time {
        font-size: 12px
    }

    #page-resources.article #tier-hero header .uline-wrap .underline {
        height: 8px
    }

    #page-resources.article #tier-hero header .uline-wrap .underline img {
        height: 8px
    }

    #blog-cta .row.main {
        display: block
    }

    #blog-cta .row.main>.col {
        width: 100%;
        max-width: 400px;
        margin: 0 auto
    }

    #blog-cta .row.main>.col+.col {
        margin-top: 54px
    }

    #blog-cta .row.main>.col .row.inner>.col {
        padding-left: 0 !important
    }

    #blog-cta .row.main>.col .row.inner>.col.left {
        width: 45% !important;
        text-align: center
    }

    #blog-cta .row.main>.col .row.inner>.col.right {
        width: 55% !important;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-pack: center
    }

    #blog-cta .row.inner .phone {
        max-width: 130px;
        display: inline-block;
        margin-left: -20px
    }

    #blog-cta .col.signup .row.inner {
        margin-bottom: 20px
    }

    #blog-cta .col.cards .env {
        top: -60px;
        left: -190px
    }

    #page-about #tier-hero header p {
        width: 100%;
        max-width: 330px;
        margin: 0 auto
    }

    #page-about #tier-hero header h2 {
        margin-bottom: 10px
    }

    #page-about #tier-hero .stat-bucket {
        width: 50%;
        max-width: none;
        padding-bottom: 25px
    }

    #page-about #tier-hero .stat-bucket h2 {
        margin-bottom: 0
    }

    #page-about #tier-hero .stat-bucket .illus {
        margin-bottom: 0
    }

    #page-about #tier-hero .stat-bucket .line-div {
        padding: 0
    }

    #page-about #tier-hero .stat-bucket[data-num="3"] {
        width: 100%;
        padding-top: 30px;
        margin-top: -5px
    }

    #page-about #tier-hero .stat-bucket[data-num="3"] .line-div.dsk {
        display: none
    }

    #page-about #tier-hero .stat-bucket[data-num="3"] .line-div.mob {
        display: block;
        width: 100%;
        height: 6px
    }

    #page-about #tier-hero .featured-photo {
        margin-top: 38px
    }

    #page-about #tier-hero .stat-buckets .background {
        transform: none
    }

    #page-about #tier-hero .stat-buckets .background .ornaments.dsk {
        display: none
    }

    #page-about #tier-hero .stat-buckets .background .ornaments.mob {
        display: block;
        width: 271px;
        left: 750px;
        top: -40px
    }

    #company-faq {
        padding-bottom: 85px
    }

    .about-rows p {
        font-size: 15px
    }

    .about-rows .row+.row {
        margin-top: 50px
    }

    .about-rows .col {
        width: 100%
    }

    .about-rows .col.text {
        display: block;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 27px
    }

    .about-rows .col.image {
        padding-top: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .about-rows .col.image .image-tape {
        max-width: none
    }

    #page-about .about-rows h2 {
        margin-bottom: 12px
    }

    .faq-blocks header .illus {
        max-width: 270px;
        margin-bottom: 10px
    }

    #vs-faq {
        padding-top: 20px;
        padding-bottom: 95px
    }

    #vs-faq .cta-btn {
        margin-top: 44px
    }

    #page-company-vs #tier-hero {
        padding-top: 88px
    }

    #page-company-vs #tier-hero header h2 br.mob {
        display: block
    }

    #page-company-vs #tier-hero .illus {
        width: 238px;
        margin-bottom: 12px
    }

    #page-company-vs #tier-hero .compare-table {
        display: none
    }

    #page-company-vs #tier-hero #vs-slider {
        display: block
    }

    .vs-data {
        margin-top: 46px
    }

    #page-market-solutions #tier-hero header {
        margin-bottom: 40px
    }

    #page-pricing #tier-hero {
        padding: 80px 0 47px
    }

    #page-pricing #tier-hero .hw-font {
        font-size: 90px;
        margin-left: -5px;
        margin-right: -8px
    }

    #page-pricing #tier-hero>.contentContainer {
        padding-left: 25px;
        padding-right: 25px
    }

    #page-pricing #tier-hero .row {
        display: block
    }

    #page-pricing #tier-hero .col {
        width: 100% !important;
        max-width: none !important
    }

    #page-pricing #tier-hero .col.text .txt {
        max-width: none
    }

    #page-pricing #tier-hero .col.text .txt>p {
        padding: 0
    }

    #page-pricing #tier-hero .col.image {
        padding-top: 0
    }

    #page-pricing #tier-hero .bg-wrap {
        position: relative;
        padding-top: 0;
        height: 350px
    }

    #page-pricing #tier-hero .bg-wrap .col.image {
        left: 80px
    }

    #page-pricing #tier-hero .writer-wrap .side-arm {
        display: none
    }

    #page-pricing #tier-hero .sizer {
        display: none
    }

    #page-pricing #tier-hero .background {
        top: 44px;
        opacity: 1;
        transform: scale(0.62);
        left: 50%;
        margin-left: -382px;
        transform-origin: center top
    }

    #pricing-bulk {
        margin-top: -250px
    }

    #pricing-bulk h2 {
        margin-bottom: 12px
    }

    #pricing-bulk .contentContainer {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden
    }

    #pricing-bulk .cta {
        max-width: 375px;
        padding-left: 25px;
        padding-right: 25px
    }

    #pricing-bulk .hw-font {
        font-size: 90px;
        margin-left: -5px;
        margin-right: -8px
    }

    #pricing-bulk .env[data-num="1"] {
        left: 330px;
        top: 207px;
        width: 528px
    }

    #pricing-bulk .env[data-num="2"],
    #pricing-bulk .env[data-num="3"] {
        display: none
    }

    #pricing-bulk .row {
        display: block
    }

    #pricing-bulk .col {
        display: block !important;
        width: 100%
    }

    #pricing-bulk .col.text {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 0
    }

    #pricing-bulk .col.image {
        height: 526px
    }

    #pricing-bulk .col.image .background {
        transform: scale(0.6);
        transform-origin: center top;
        top: 80px;
        bottom: auto;
        left: 50%;
        margin-left: -306px
    }

    #pricing-bulk .compare-table {
        display: none
    }

    #pricing-bulk #bulk-slider {
        display: block
    }

    #pricing-bulk .cta {
        margin-top: 132px
    }

    #page-auto-dealers #tier-hero header {
        margin-bottom: 40px
    }

    #page-auto-dealers #solutions-rows {
        padding-bottom: 60px
    }

    #page-auto-dealers #auto-partners {
        padding-bottom: 20px
    }

    #page-auto-dealers .customers {
        padding-top: 30px
    }

    .gc-grid .gc-thumb {
        width: 47.5%;
        margin-bottom: 40px
    }

    .gc-grid .filler {
        margin-bottom: 0
    }

    .gc-grid h3 {
        font-size: 17px
    }

    #gc-detail .card-inner {
        padding: 25px
    }

    #gc-detail .col.left {
        width: 100%;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 40px
    }

    #gc-detail .col.right {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #gc-detail .dline {
        top: auto;
        bottom: -140px
    }

    #page-netflix #tier-hero {
        padding-top: 80px
    }

    .phone-numbr {
        right: 90px !important;
        top: 11px !important
    }

    .cutom-cl-12 {
        width: 100% !important
    }
}

/*! MQ: 6 -> 550px */
@media screen and (max-width:550px) {
    section p+p {
        margin-top: 15px
    }

    .tape-wrap .tape[data-num="1"] {
        left: 50%;
        margin-left: -43px
    }

    .tape-wrap .tape[data-num="2"],
    .tape-wrap .tape[data-num="3"],
    .tape-wrap .tape[data-num="4"] {
        display: none
    }

    .module-grid .module .thumb {
        height: 220px
    }

    .customers h2 {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 14px
    }

    .customers .hw-font {
        font-size: 90px
    }

    .customers .customer-slider {
        margin-top: -8px
    }

    #home-about {
        padding-bottom: 272px
    }

    #home-about header {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        margin-bottom: 35px
    }

    #home-about .buckets .txt p {
        padding: 0 15px
    }

    #home-cards h2 {
        font-size: 44px
    }

    #page-business #tier-hero .background[data-num="1"] {
        top: 693px;
        margin-left: -665px;
        transform: scale(0.71)
    }

    #page-business #tier-hero .hero-bg .bots {
        left: 30px;
        top: 600px
    }

    #business-integration .learn-more {
        margin-top: 62px
    }

    #business-integration .learn-more h2 {
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
        margin-bottom: 14px
    }

    #business-integration .learn-more h2 .hw-font {
        font-size: 90px
    }

    #business-integration .learn-more .inner {
        padding: 148px 20px 205px
    }

    #business-integration .learn-more .squiggle-line {
        margin: 29px auto 35px
    }

    #business-integration .learn-more .background,
    .vs-data .background {
        transform: scale(0.7)
    }

    #business-integration .learn-more .background[data-num="1"] .phones,
    .vs-data .background[data-num="1"] .phones {
        left: 517px;
        top: 95px
    }

    #business-integration .learn-more .background[data-num="1"] .confetti,
    .vs-data .background[data-num="1"] .confetti {
        left: 696px;
        top: 180px
    }

    #business-integration .learn-more .background[data-num="1"] .arm,
    .vs-data .background[data-num="1"] .arm {
        left: 684px;
        top: 43px
    }

    #business-integration .learn-more .background[data-num="2"] .tube,
    .vs-data .background[data-num="2"] .tube {
        left: 542px
    }

    #business-integration .learn-more .background[data-num="2"] .c-dot,
    .vs-data .background[data-num="2"] .c-dot {
        left: 662px;
        top: 211px;
        width: 10px
    }

    #business-integration .learn-more .background[data-num="2"] .confetti[data-num="1"],
    .vs-data .background[data-num="2"] .confetti[data-num="1"] {
        left: 547px;
        top: 186px
    }

    #business-integration .learn-more .background[data-num="2"] .confetti[data-num="2"],
    .vs-data .background[data-num="2"] .confetti[data-num="2"] {
        left: 889px;
        top: 354px
    }

    #business-integration .learn-more .background[data-num="2"] .card,
    .vs-data .background[data-num="2"] .card {
        left: 856px;
        top: 162px
    }

    #business-integration .learn-more .background[data-num="2"] .robot-arm,
    .vs-data .background[data-num="2"] .robot-arm {
        left: 761px;
        top: 280px
    }

    #business-integration .learn-more .background[data-num="2"] .arm,
    .vs-data .background[data-num="2"] .arm {
        display: none
    }

    #int-api {
        padding-bottom: 448px
    }

    #int-api header {
        margin-bottom: 26px
    }

    #int-api header p {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        margin-top: 10px
    }

    #int-api header h2 {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        margin-bottom: 32px
    }

    #int-api header h2 br.nobreak {
        display: none
    }

    #int-api .hw-font {
        font-size: 90px;
        transform: translateX(-2px)
    }

    #int-api .cta-btn {
        margin-top: 26px
    }

    #int-api .background {
        transform: scale(0.7);
        bottom: 26px
    }

    #page-features #tier-hero header {
        margin-bottom: 26px
    }

    #page-features #tier-hero header p {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        margin-top: 10px
    }

    #features-slider .slide-controls[data-num="1"] {
        margin-bottom: 30px
    }

    #next-posts {
        margin-top: 0
    }

    #next-posts .shape-wrap {
        height: 342px
    }

    #next-posts .next-thumbs .blog-thumb {
        width: 100%;
        max-width: none
    }

    #next-posts .next-thumbs .blog-thumb:nth-child(2) {
        display: none
    }

    #search-overlay .search-modal .inner {
        padding-top: 40px
    }

    #page-resources.tutorials #tier-hero header {
        margin-bottom: 22px
    }

    #page-resources.tutorials #tier-hero .background {
        transform: scale(0.35);
        margin-left: -530px
    }

    #page-resources.tutorials #tier-hero .bg-wrap {
        height: calc(144.2px)
    }

    #page-about #tier-hero {
        padding-bottom: 114px
    }

    #page-about .about-rows {
        padding-bottom: 25px
    }

    #page-about .about-rows .bg-wrap {
        top: -80px
    }

    #page-about .about-rows .background {
        transform: none
    }

    #page-about .about-rows .pen.dsk {
        display: none
    }

    #page-about .about-rows .pen.mob {
        display: block;
        width: 394px;
        left: 795px
    }

    .vs-data .inner {
        padding: 170px 20px 205px
    }

    .vs-data .squiggle-line {
        margin: 29px auto 35px
    }

    #page-company-vs .about-rows .shape-wrap {
        top: -400px
    }

    #pricing-plans header br.nobreak {
        display: none
    }

    #gc-detail {
        padding-bottom: 70px
    }

    #gc-detail .dline {
        display: none
    }

    #gc-popular .gc-grid {
        margin-top: 25px
    }
}

/*! MQ: 7 -> 450px */
@media screen and (max-width:450px) {
    #home-hero .background .doodler-wrap {
        transform: scale(0.7);
        left: 880px;
        top: 107px
    }

    #page-pricing #tier-hero .writer-wrap {
        max-width: 315px
    }

    #page-pricing #tier-hero .writer-wrap br.nobreak {
        display: none
    }

    .gc-grid .gc-thumb {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.wp-block-archives-dropdown label {
    display: block
}

.wp-block-audio {
    margin: 0 0 1em
}

.wp-block-audio figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-audio audio {
    width: 100%;
    min-width: 300px
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.667em+2px) calc(1.333em+2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
    color: #fff
}

.wp-block-button__link.aligncenter {
    text-align: center
}

.wp-block-button__link.alignright {
    text-align: right
}

.wp-block-buttons>.wp-block-button.has-custom-width {
    max-width: none
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: calc(25% - var(--wp--style--block-gap, 0.5em) * .75)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: calc(50% - var(--wp--style--block-gap, 0.5em) * .5)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
    width: calc(75% - var(--wp--style--block-gap, 0.5em) * .25)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
    width: 100%;
    flex-basis: 100%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
    width: 25%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
    width: 50%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
    width: 75%
}

.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
    border-radius: 0
}

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
    border-radius: 0 !important
}

.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
    border: 2px solid;
    padding: .667em 1.333em
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
    color: currentColor
}

.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
    background-color: transparent
}

.wp-block-buttons.is-vertical {
    flex-direction: column
}

.wp-block-buttons.is-vertical>.wp-block-button:last-child {
    margin-bottom: 0
}

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0
}

.wp-block-buttons.is-content-justification-left {
    justify-content: flex-start
}

.wp-block-buttons.is-content-justification-left.is-vertical {
    align-items: flex-start
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center
}

.wp-block-buttons.is-content-justification-center.is-vertical {
    align-items: center
}

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end
}

.wp-block-buttons.is-content-justification-right.is-vertical {
    align-items: flex-end
}

.wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between
}

.wp-block-buttons.aligncenter {
    text-align: center
}

.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.wp-block-button.aligncenter,
.wp-block-calendar {
    text-align: center
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
    padding: .25em;
    border: 1px solid #ddd
}

.wp-block-calendar tfoot td {
    border: 0
}

.wp-block-calendar table {
    width: 100%;
    border-collapse: collapse
}

.wp-block-calendar table th {
    font-weight: 400;
    background: #ddd
}

.wp-block-calendar a {
    text-decoration: underline
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
    color: #40464d
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-code code {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap
}

@media(min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap
    }
}

.wp-block-columns:where(.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

@media(max-width:599px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important
    }
}

@media(min-width:600px) and (max-width:781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        flex-basis: calc(50% - var(--wp--style--block-gap, 2em) / 2) !important;
        flex-grow: 0
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
        margin-left: var(--wp--style--block-gap, 2em)
    }
}

@media(min-width:300px) and (max-width:519px) {
    .huww-widget-one {
        margin-right: 19.2px;
        padding: 12.8px 12.8px 12.8px 59.8px
    }

    .huww-title {
        font-size: 10px !important;
        line-height: 10px !important
    }

    .whtsap-ico {
        bottom: 30px !important
    }

    .huww-link {
        font-size: 10px !important;
        line-height: 10px !important
    }

    .huww-flag .huww-flag-bottom,
    .huww-flag .huww-flag-top {
        height: 15.6px !important;
        width: 41.2px !important
    }
}

@media(min-width:782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*="flex-basis"] {
        flex-grow: 0
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
        margin-left: var(--wp--style--block-gap, 2em)
    }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*="flex-basis"] {
    flex-grow: 0
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
    margin-left: var(--wp--style--block-gap, 2em)
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
    width: 100%
}

.wp-block-cover,
.wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-attachment: fixed
}

@supports(-webkit-overflow-scrolling:touch) {

    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@media(prefers-reduced-motion:reduce) {

    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
    background-repeat: repeat;
    background-size: auto
}

.wp-block-cover .has-background-dim:not([class*="-background-color"]),
.wp-block-cover-image .has-background-dim:not([class*="-background-color"]),
.wp-block-cover-image.has-background-dim:not([class*="-background-color"]),
.wp-block-cover.has-background-dim:not([class*="-background-color"]) {
    background-color: #000
}

.wp-block-cover .has-background-dim:before,
.wp-block-cover-image .has-background-dim:before,
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
    content: "";
    background-color: inherit
}

.wp-block-cover .has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
    opacity: 1
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
    opacity: 0
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
    opacity: .1
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
    opacity: .2
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
    opacity: .3
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
    opacity: .4
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
    opacity: .5
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
    opacity: .6
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
    opacity: .7
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
    opacity: .8
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
    opacity: .9
}

.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
    opacity: 1
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-cover-image:after,
.wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports(position:sticky) {

    .wp-block-cover-image:after,
    .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    display: flex
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff
}

.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #000
}

.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto
}

.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background,
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: 0;
    border: 0;
    box-shadow: none
}

.wp-block-cover__image-background,
.wp-block-cover__video-background {
    z-index: 0
}

.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-image-text,
section.wp-block-cover-image>h2 {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: .44em;
    text-align: center
}

.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align="left"]>[data-type="core/embed"],
.wp-block[data-align="right"]>[data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align="left"]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align="right"]>[data-type="core/embed"] .wp-block-embed__wrapper {
    min-width: 280px
}

.wp-block-cover .wp-block-embed {
    min-width: 320px;
    min-height: 240px
}

.wp-block-embed {
    margin: 0 0 1em;
    overflow-wrap: break-word
}

.wp-block-embed figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-embed iframe {
    max-width: 100%
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file .wp-block-file__embed {
    margin-bottom: 1em
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: .8em;
    padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
    text-decoration: none
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

.blocks-gallery-grid,
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    margin: 0 1em 1em 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: calc(50% - 1em)
}

.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    margin: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    color: #fff;
    text-align: center;
    font-size: .8em;
    background: linear-gradient(0, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
    box-sizing: border-box;
    margin: 0;
    z-index: 2
}

.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
    display: inline
}

.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
    flex-grow: 1
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%;
    height: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0
}

@media(min-width:600px) {

    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item,
    .wp-block-gallery.columns-3 .blocks-gallery-image,
    .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc(33.33333% - .66667em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blocks-gallery-grid.columns-4 .blocks-gallery-item,
    .wp-block-gallery.columns-4 .blocks-gallery-image,
    .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc(25% - .75em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blocks-gallery-grid.columns-5 .blocks-gallery-item,
    .wp-block-gallery.columns-5 .blocks-gallery-image,
    .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc(20% - .8em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item,
    .wp-block-gallery.columns-6 .blocks-gallery-image,
    .wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc(16.66667% - .83333em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blocks-gallery-grid.columns-7 .blocks-gallery-item,
    .wp-block-gallery.columns-7 .blocks-gallery-image,
    .wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc(14.28571% - .85714em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blocks-gallery-grid.columns-8 .blocks-gallery-item,
    .wp-block-gallery.columns-8 .blocks-gallery-image,
    .wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc(12.5% - .875em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
    .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-right: 0
    }
}

.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
    max-width: 420px;
    width: 100%
}

.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
    align-self: flex-start
}

.wp-block-gallery.has-nested-images {
    display: flex;
    flex-wrap: wrap
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin: 0 var(--gallery-block--gutter-size, 16px) var(--gallery-block--gutter-size, 16px) 0;
    width: calc(50% - var(--gallery-block--gutter-size, 16px) / 2)
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image),
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
    margin-right: 0
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    flex-direction: column;
    max-width: 100%
}

.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
    margin: 0;
    flex-direction: column;
    flex-grow: 1
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    display: block;
    height: auto;
    max-width: 100% !important;
    width: auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: linear-gradient(0, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
    bottom: 0;
    color: #fff;
    font-size: 13px;
    left: 0;
    margin-bottom: 0;
    max-height: 60%;
    overflow: auto;
    padding: 0 8px 8px;
    position: absolute;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
    display: inline
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
    flex: 1 1 auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
    flex: initial;
    background: 0;
    color: inherit;
    margin: 0;
    padding: 10px 10px 9px;
    position: relative
}

.wp-block-gallery.has-nested-images figcaption {
    flex-grow: 1;
    flex-basis: 100%;
    text-align: center
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
    margin-top: 0;
    margin-bottom: auto
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img {
    margin-bottom: var(--gallery-block--gutter-size, 16px)
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption {
    bottom: var(--gallery-block--gutter-size, 16px)
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    align-self: inherit
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
    display: flex
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 100%;
    flex: 1 0 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
    margin-right: 0;
    width: 100%
}

@media(min-width:600px) {
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(33.33333% - var(--gallery-block--gutter-size, 16px) * .66667)
    }

    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(25% - var(--gallery-block--gutter-size, 16px) * .75)
    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(20% - var(--gallery-block--gutter-size, 16px) * .8)
    }

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(16.66667% - var(--gallery-block--gutter-size, 16px) * .83333)
    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(14.28571% - var(--gallery-block--gutter-size, 16px) * .85714)
    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(12.5% - var(--gallery-block--gutter-size, 16px) * .875)
    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging~figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px)
    }

    .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n),
    .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n),
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n),
    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n),
    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n),
    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n),
    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n),
    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) {
        margin-right: 0
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
        margin-right: var(--gallery-block--gutter-size, 16px);
        width: calc(33.33% - var(--gallery-block--gutter-size, 16px) * .66667)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) {
        margin-right: 0
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
        width: calc(50% - var(--gallery-block--gutter-size, 16px) * .5)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
        width: 100%
    }
}

.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-gallery.has-nested-images.aligncenter {
    justify-content: center
}

.wp-block-group {
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image {
    margin: 0 0 1em
}

.wp-block-image img {
    vertical-align: bottom
}

.wp-block-image:not(.is-style-rounded) img,
.wp-block-image:not(.is-style-rounded)>a {
    border-radius: inherit
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    height: auto;
    width: 100%
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
    display: table-caption;
    caption-side: bottom
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
    border-radius: 9999px
}

@supports((-webkit-mask-image:none) or(mask-image:none)) or(-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svgviewBox="00100100"xmlns="http://www.w3.org/2000/svg"><circlecx="50"cy="50"r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svgviewBox="00100100"xmlns="http://www.w3.org/2000/svg"><circlecx="50"cy="50"r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-image figure {
    margin: 0
}

ol.wp-block-latest-comments {
    margin-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 2.25em;
    list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 3.25em
}

.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: .75em
}

.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%
}

@media(min-width:600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - .625em)
    }

    .wp-block-latest-posts.columns-2 li:nth-child(2n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-latest-posts.columns-3 li:nth-child(3n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - .9375em)
    }

    .wp-block-latest-posts.columns-4 li:nth-child(4n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 1em)
    }

    .wp-block-latest-posts.columns-5 li:nth-child(5n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 1.04167em)
    }

    .wp-block-latest-posts.columns-6 li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    display: block;
    font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-latest-posts__featured-image a {
    display: inline-block
}

.wp-block-latest-posts__featured-image img {
    height: auto;
    width: auto;
    max-width: 100%
}

.wp-block-latest-posts__featured-image.alignleft {
    margin-right: 1em
}

.wp-block-latest-posts__featured-image.alignright {
    margin-left: 1em
}

.wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: 1em;
    text-align: center
}

.block-editor-image-alignment-control__row .components-base-control__field {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
    margin-bottom: 0
}

ol,
ul {
    overflow-wrap: break-word
}

ol.has-background,
ul.has-background {
    padding: 1.25em 2.375em
}

.wp-block-media-text {
    /*!rtl:begin:ignore*/
    direction: ltr;
    /*!rtl:end:ignore*/
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    align-self: start
}

.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
    align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
    align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
    padding: 0 8%;
    word-break: break-word
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    height: auto;
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
    display: block;
    height: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media(max-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
}

.wp-block-navigation {
    position: relative;
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-direction: row;
    --navigation-layout-wrap: wrap;
    --navigation-layout-justify: flex-start;
    --navigation-layout-align: center
}

.wp-block-navigation ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.wp-block-navigation ul,
.wp-block-navigation ul li {
    list-style: none;
    padding: 0
}

.wp-block-navigation .wp-block-navigation-item {
    display: flex;
    align-items: center;
    position: relative
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
    display: none
}

.wp-block-navigation .wp-block-navigation-item__content {
    color: inherit;
    display: block;
    padding: 0
}

.wp-block-navigation[style*="text-decoration"] .wp-block-navigation-item,
.wp-block-navigation[style*="text-decoration"] .wp-block-navigation__submenu-container,
.wp-block-navigation[style*="text-decoration"] a,
.wp-block-navigation[style*="text-decoration"] a:active,
.wp-block-navigation[style*="text-decoration"] a:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*="text-decoration"]) a,
.wp-block-navigation:not([style*="text-decoration"]) a:active,
.wp-block-navigation:not([style*="text-decoration"]) a:focus {
    text-decoration: none
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    align-self: center;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    padding: 0;
    background-color: inherit;
    color: currentColor;
    border: 0;
    margin-left: .25em;
    width: .6em;
    height: .6em
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    display: inline-block;
    stroke: currentColor;
    width: inherit;
    height: inherit
}

.wp-block-navigation.is-vertical {
    --navigation-layout-direction: column;
    --navigation-layout-justify: initial;
    --navigation-layout-align: flex-start
}

.wp-block-navigation.no-wrap {
    --navigation-layout-wrap: nowrap
}

.wp-block-navigation.items-justified-center {
    --navigation-layout-justification-setting: center;
    --navigation-layout-justify: center
}

.wp-block-navigation.items-justified-center.is-vertical {
    --navigation-layout-align: center
}

.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-end;
    --navigation-layout-justify: flex-end
}

.wp-block-navigation.items-justified-right.is-vertical {
    --navigation-layout-align: flex-end
}

.wp-block-navigation.items-justified-space-between {
    --navigation-layout-justification-setting: space-between;
    --navigation-layout-justify: space-between
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
    background-color: inherit;
    color: inherit;
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: normal;
    opacity: 0;
    transition: opacity .1s linear;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -1px;
    top: 100%
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
    margin-right: 0;
    margin-left: auto
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
    margin: 0
}

@media(min-width:782px) {
    .wp-block-navigation .has-child:where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
        left: 100%;
        top: -1px
    }

    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container:before {
        content: "";
        position: absolute;
        right: 100%;
        height: 100%;
        display: block;
        width: .5em;
        background: 0
    }

    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
        transform: rotate(-90deg)
    }
}

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within>.wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-container {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 200px
}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
    left: 0;
    top: 100%
}

@media(min-width:782px) {
    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: 100%;
        top: 0
    }
}

.wp-block-navigation-submenu {
    position: relative;
    display: flex
}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    stroke: currentColor
}

button.wp-block-navigation-item__content {
    background-color: transparent;
    border: 0;
    color: currentColor;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    text-align: left
}

.wp-block-navigation-submenu__toggle {
    cursor: pointer
}

.wp-block-navigation,
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-container-content {
    gap: var(--wp--style--block-gap, 2em)
}

.wp-block-navigation:where(.has-background),
.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background) .wp-block-navigation__container {
    gap: var(--wp--style--block-gap, 0.5em)
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content,
.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
    padding: .5em 1em
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    left: auto;
    right: 0
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: -1px;
    right: -1px
}

@media(min-width:782px) {

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
    .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
    .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
    .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: auto;
        right: 100%
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.wp-block-navigation__container {
    display: flex;
    flex-wrap: var(--navigation-layout-wrap, wrap);
    flex-direction: var(--navigation-layout-direction, initial);
    justify-content: var(--navigation-layout-justify, initial);
    align-items: var(--navigation-layout-align, initial);
    list-style: none;
    margin: 0;
    padding-left: 0
}

.wp-block-navigation__container .is-responsive {
    display: none
}

.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
    flex-grow: 1
}

.wp-block-navigation__responsive-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: flex;
    flex-wrap: var(--navigation-layout-wrap, wrap);
    flex-direction: var(--navigation-layout-direction, initial);
    justify-content: var(--navigation-layout-justify, initial);
    align-items: var(--navigation-layout-align, initial)
}

.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
    color: inherit !important;
    background-color: inherit !important
}

.wp-block-navigation__responsive-container.is-menu-open {
    display: flex;
    flex-direction: column;
    background-color: inherit;
    padding: 2em;
    overflow: auto;
    z-index: 100000
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(2em+24px);
    overflow: visible;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: var(--navigation-layout-justification-setting, inherit)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    justify-content: flex-start
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: none
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    height: auto;
    width: auto;
    overflow: initial;
    min-width: 200px;
    position: static;
    border: 0;
    padding-left: 2em;
    padding-right: 2em
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    gap: var(--wp--style--block-gap, 2em)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: var(--wp--style--block-gap, 2em)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    display: flex;
    flex-direction: column;
    align-items: var(--navigation-layout-justification-setting, initial)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    color: inherit !important;
    background: 0 0 !important
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    right: auto;
    left: auto
}

@media(min-width:600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    vertical-align: middle;
    cursor: pointer;
    color: currentColor;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    pointer-events: none;
    display: block;
    width: 24px;
    height: 24px
}

.wp-block-navigation__responsive-container-open {
    display: flex
}

@media(min-width:600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none
    }
}

.wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.wp-block-navigation__responsive-close {
    width: 100%
}

.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
    box-sizing: border-box
}

.wp-block-navigation__responsive-dialog {
    position: relative
}

html.has-modal-open {
    overflow: hidden
}

.wp-block-navigation .wp-block-navigation-item__label {
    word-break: normal;
    overflow-wrap: break-word
}

.wp-block-navigation .wp-block-home-link__content {
    color: inherit;
    display: block
}

.wp-block-navigation[style*="text-decoration"] .wp-block-home-link,
.wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content,
.wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:active,
.wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content,
.wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:active,
.wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:focus {
    text-decoration: none
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
    top: -1px
}

.wp-block-navigation .wp-block-page-list {
    display: flex;
    flex-direction: var(--navigation-layout-direction, initial);
    justify-content: var(--navigation-layout-justify, initial);
    align-items: var(--navigation-layout-align, initial);
    flex-wrap: var(--navigation-layout-wrap, wrap);
    background-color: inherit
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: inherit
}

.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

p {
    overflow-wrap: break-word
}

p.has-drop-cap.has-background {
    overflow: hidden
}

p.has-background {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-author__byline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .5em
}

.wp-block-post-author__avatar {
    margin-right: 1em
}

.wp-block-post-author__bio {
    margin-bottom: .7em;
    font-size: .7em
}

.wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0
}

.wp-block-post-author__name {
    margin: 0
}

.wp-block-post-comments>h3:first-of-type {
    margin-top: 0
}

.wp-block-post-comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .commentlist .comment {
    min-height: 2.25em;
    padding-left: 3.25em
}

.wp-block-post-comments .commentlist .comment p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-post-comments .commentlist .children {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .comment-author {
    line-height: 1.5
}

.wp-block-post-comments .comment-author .avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-post-comments .comment-author cite {
    font-style: normal
}

.wp-block-post-comments .comment-meta {
    line-height: 1.5;
    margin-left: -3.25em
}

.wp-block-post-comments .comment-body .commentmetadata {
    font-size: .75em
}

.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments .comment-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments .comment-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: .35em
}

.wp-block-post-comments .reply {
    font-size: .75em;
    margin-bottom: 1.4em
}

.wp-block-post-comments input:not([type="submit"]),
.wp-block-post-comments textarea {
    border: 1px solid #949494;
    font-size: 1em;
    font-family: inherit
}

.wp-block-post-comments input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments textarea {
    padding: calc(0.667em+2px)
}

.wp-block-post-comments input[type="submit"] {
    border: 0
}

.wp-block-post-comments-form[style*="font-weight"] :where(.comment-reply-title) {
    font-weight: inherit
}

.wp-block-post-comments-form[style*="font-family"] :where(.comment-reply-title) {
    font-family: inherit
}

.wp-block-post-comments-form[class*="-font-size"] :where(.comment-reply-title),
.wp-block-post-comments-form[style*="font-size"] :where(.comment-reply-title) {
    font-size: inherit
}

.wp-block-post-comments-form[style*="line-height"] :where(.comment-reply-title) {
    line-height: inherit
}

.wp-block-post-comments-form[style*="font-style"] :where(.comment-reply-title) {
    font-style: inherit
}

.wp-block-post-comments-form[style*="letter-spacing"] :where(.comment-reply-title) {
    letter-spacing: inherit
}

.wp-block-post-comments-form input[type="submit"] {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    overflow-wrap: break-word
}

.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
    border: 1px solid #949494;
    font-size: 1em;
    font-family: inherit
}

.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
    padding: calc(0.667em+2px)
}

.wp-block-post-comments-form .comment-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form .comment-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: .35em
}

.wp-block-post-excerpt__more-link {
    display: inline-block
}

.wp-block-post-terms__separator {
    white-space: pre-wrap
}

.wp-block-post-title a {
    display: inline-block
}

.wp-block-preformatted {
    white-space: pre-wrap
}

.wp-block-preformatted.has-background {
    padding: 1.25em 2.375em
}

.wp-block-pullquote {
    margin: 0 0 1em;
    padding: 3em 0;
    text-align: center;
    overflow-wrap: break-word
}

.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
    color: inherit
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-pullquote.has-text-align-left,
.wp-block-pullquote.has-text-align-right {
    max-width: 420px
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.has-text-align-left p,
.wp-block-pullquote.has-text-align-right p {
    font-size: 1.25em
}

.wp-block-pullquote p {
    font-size: 1.75em;
    line-height: 1.6
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-pullquote.has-text-align-left blockquote {
    text-align: left
}

.wp-block-pullquote.has-text-align-right blockquote {
    text-align: right
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: 0
}

.wp-block-pullquote.is-style-solid-color {
    border: 0
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-post-template,
.wp-block-query-loop {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    list-style: none;
    padding: 0
}

.wp-block-post-template.wp-block-post-template,
.wp-block-query-loop.wp-block-post-template {
    background: 0
}

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em
}

.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
    margin: 0;
    width: 100%
}

@media(min-width:600px) {

    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
        width: calc(50% - .625em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
        width: calc(25% - .9375em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
        width: calc(20% - 1em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
        width: calc(16.66667% - 1.04167em)
    }
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
    margin-right: .5em;
    margin-bottom: .5em
}

.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
    margin-right: 0
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    margin-right: 1ch;
    display: inline-block
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    margin-left: 1ch;
    display: inline-block
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-query-pagination.aligncenter {
    justify-content: center
}

.wp-block-quote {
    overflow-wrap: break-word
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin-bottom: 1em;
    padding: 0 1em
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    font-size: 1.125em;
    text-align: right
}

ul.wp-block-rss {
    list-style: none;
    padding: 0
}

ul.wp-block-rss.wp-block-rss {
    box-sizing: border-box
}

ul.wp-block-rss.alignleft {
    margin-right: 2em
}

ul.wp-block-rss.alignright {
    margin-left: 2em
}

ul.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

ul.wp-block-rss.is-grid li {
    margin: 0 1em 1em 0;
    width: 100%
}

@media(min-width:600px) {
    ul.wp-block-rss.columns-2 li {
        width: calc(50% - 1em)
    }

    ul.wp-block-rss.columns-3 li {
        width: calc(33.33333% - 1em)
    }

    ul.wp-block-rss.columns-4 li {
        width: calc(25% - 1em)
    }

    ul.wp-block-rss.columns-5 li {
        width: calc(20% - 1em)
    }

    ul.wp-block-rss.columns-6 li {
        width: calc(16.66667% - 1em)
    }
}

.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
    display: block;
    font-size: .8125em
}

.wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: .375em .625em;
    color: #32373c;
    margin-left: .625em;
    word-break: normal;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.wp-block-search__button.has-icon {
    line-height: 0
}

.wp-block-search__button svg {
    min-width: 1.5em;
    min-height: 1.5em;
    fill: currentColor
}

.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%
}

.wp-block-search__label {
    width: 100%
}

.wp-block-search__input {
    padding: 8px;
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: 0;
    padding: 0 0 0 .25em
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    outline: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    padding: .125em .5em
}

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    margin: auto
}

.wp-block-separator {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px
}

.wp-block-separator.is-style-dots {
    background: 0 0 !important;
    border: 0;
    text-align: center;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    content: "···";
    color: currentColor;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

.wp-block-site-logo {
    line-height: 0
}

.wp-block-site-logo a {
    display: inline-block
}

.wp-block-site-logo.is-default-size img {
    width: 120px;
    height: auto
}

.wp-block-site-logo a,
.wp-block-site-logo img {
    border-radius: inherit
}

.wp-block-site-logo.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.wp-block-site-logo.is-style-rounded {
    border-radius: 9999px
}

.wp-block-social-links {
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    margin-left: 0
}

.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
    text-decoration: none;
    border-bottom: 0;
    box-shadow: none
}

.wp-block-social-links .wp-social-link a {
    padding: .25em
}

.wp-block-social-links .wp-social-link svg {
    width: 1em;
    height: 1em
}

.wp-block-social-links.has-small-icon-size {
    font-size: 16px
}

.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
    font-size: 24px
}

.wp-block-social-links.has-large-icon-size {
    font-size: 36px
}

.wp-block-social-links.has-huge-icon-size {
    font-size: 48px
}

.wp-block-social-links.aligncenter {
    justify-content: center;
    display: flex
}

.wp-block-social-links.alignright {
    justify-content: flex-end
}

.wp-block-social-link {
    display: block;
    border-radius: 9999px;
    transition: transform .1s ease;
    height: auto
}

@media(prefers-reduced-motion:reduce) {
    .wp-block-social-link {
        transition-duration: 0;
        transition-delay: 0
    }
}

.wp-block-social-link a {
    display: block;
    line-height: 0;
    transition: transform .1s ease
}

.wp-block-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
    color: currentColor;
    fill: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
    background-color: #ff424d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #fe4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: 0
}

.wp-block-social-links.is-style-logos-only .wp-social-link a {
    padding: 0
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
    width: 1.25em;
    height: 1.25em
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
    color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
    color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: .66667em;
    padding-right: .66667em
}

.wp-block-spacer {
    clear: both
}

.wp-block-tag-cloud.aligncenter {
    text-align: center
}

.wp-block-tag-cloud.alignfull {
    padding-left: 1em;
    padding-right: 1em
}

.wp-block-tag-cloud a {
    display: inline-block;
    margin-right: 5px
}

.wp-block-tag-cloud span {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none
}

.wp-block-table {
    margin: 0 0 1em;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color>* {
    border-color: inherit
}

.wp-block-table table[style*="border-style"] td,
.wp-block-table table[style*="border-style"] th,
.wp-block-table table[style*="border-style"] tr,
.wp-block-table table[style*="border-style"]>* {
    border-style: inherit
}

.wp-block-table table[style*="border-width"] td,
.wp-block-table table[style*="border-width"] th,
.wp-block-table table[style*="border-width"] tr,
.wp-block-table table[style*="border-width"]>* {
    border-width: inherit
}

.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 1em;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap
}

.wp-block-video {
    margin: 0 0 1em
}

.wp-block-video video {
    width: 100%
}

@supports(position:sticky) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0
}

.wp-block-post-featured-image a {
    display: inline-block
}

.wp-block-post-featured-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
    width: 100%
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc)
}

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

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

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

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

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where(img) {
    height: auto;
    max-width: 100%
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::after,
.wpcf7-list-item-label::before {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: "";
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: 0;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media(prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        color: #1B69C5
    }

    50% {
        color: #000
    }

    to {
        color: #1B69C5
    }
}

.wpcf7 input[type="file"] {
    cursor: pointer
}

.wpcf7 input[type="file"]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"] {
    direction: ltr
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-display: swap;
    font-family: FontAwesome;
    src: url(https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url("https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.eot?&v=4.7.0") format("embedded-opentype"), url(https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url("https://cdn.jsdelivr.net/fontawesome/4.7.0/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes fa-spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

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

.frm-wrpp-bnr {
    margin: 20px 0 10px 0
}

p {
    font-size: 16px;
    line-height: 1.5 !important
}

.book-slider {
    margin-top: 50px
}

ul.lisitn-glin li {
    font-size: 18px
}

.cta-round {
    border-radius: 50px
}

.start-btn {
    position: absolute;
    left: 45%;
    border-radius: 50px;
    z-index: 1
}

@media only screen and (max-width:600px) {
    .hasAnim .d-flex {
        width: 100% !important
    }

    .aftr_banner_form h3 {
        font-size: 32px
    }

    .aftr_banner_form p {
        font-size: 16px
    }

    .help_form form {
        padding: 15px 15px;
        margin: 10px 0 0 0
    }

    .cta-btn.orange {
        padding: 15px 0
    }

    .help_form form input {
        height: 45px
    }

    .best_seller_sec.extra_padd {
        padding: 10px 0
    }

    .best_seller_sec.pt-8.pb-8 {
        min-height: 550px
    }

    .best_seller_txt h3 {
        font-size: 32px
    }

    .aftr_banner_form.pt-5.pb-5 {
        padding: 10px 0 !important
    }

    .best_seller_txt p {
        font-size: 16px
    }

    .best_seller_right {
        padding: 0
    }

    .cta-btn.orange {
        padding: 15px 12px;
        font-size: 12px
    }

    .proficient-book-txt {
        width: 100%;
        padding: 10px 0 0 0
    }

    .proficient-book-txt h3 {
        font-size: 32px
    }

    .proficient-book-txt .txt-ul {
        margin-top: 20px
    }

    .proficient-book-txt .txt-ul li::before {
        width: 1rem;
        height: 1rem
    }

    .txt-ul a {
        font-size: 16px
    }

    .proficient-book-txt .btn-ul {
        margin-top: 20px
    }

    .proficient-book-sec {
        padding-bottom: 10px
    }

    .icn-bx-sec {
        padding: 40px 0
    }

    .icn-bx-sec-h h3 {
        margin-bottom: 0;
        font-size: 32px
    }

    .proficient-book-txt .btn-ul a {
        font-size: 12px;
        padding: 15px 25px
    }

    .icn-bx-inn {
        margin-bottom: 0
    }

    .share_detail_form {
        padding: 0 0 20px 0
    }

    .share_deatils {
        padding: 30px 0
    }

    #globalFooter {
        padding: 30px 20px !important;
        z-index: 3
    }

    .montage__layer {
        left: 30px;
        top: 30px
    }

    .steps_sec.pb-8.pt-8 {
        padding: 40px 0
    }

    .childern_ser_sec.pb-8 {
        padding: 0 0 20px 0
    }

    .childern_ser_sec h2 {
        font-size: 50px;
        line-height: 35px
    }

    .children_ser_box p {
        font-size: 28px;
        margin: 0 0 0 20px
    }

    .children_ser_box img {
        width: 15%
    }

    .bringing_stories_sec.pt-8.pb-8 {
        padding: 20px 0
    }

    .bringing_stories_sec h2 {
        font-size: 50px;
        line-height: 35px
    }

    section.wht-cn-we-offr h2 {
        font-size: 50px;
        line-height: 35px;
        margin: 0 0 30px 0
    }

    section.thrdclass h2 {
        font-size: 32px
    }

    .thrdclass .mainwrp .txtwrp {
        left: -660px
    }

    section.stylus-sec h2 {
        font-size: 50px;
        line-height: 35px
    }

    .thrdclass {
        padding: 20px 0
    }

    section.cta-grey-section {
        padding: 20px 0
    }

    #home-about .hw-font {
        font-size: 70px;
        line-height: 80px
    }

    #home-blog .hw-font.mob {
        font-size: 70px
    }

    .book-slider .slick-slide {
        height: 250px
    }

    .banner_info {
        padding: 0;
        text-align: center
    }

    .editing_banner .banner_info h1 {
        font: 400 45px mrs-eaves-xl-serif, serif
    }

    .editing_banner .banner_info p {
        font-size: 16px
    }

    .service_sec {
        padding: 20px 0
    }

    .modal-box-edit {
        padding: 20% 10%
    }

    p+.cta-btn {
        margin: 20px 0
    }

    section.service_sec .row {
        margin: 0 auto
    }

    .our_editors {
        padding: 0
    }

    .book_editing .row {
        width: 100%;
        margin: 0 auto
    }

    .service_sec .icon_box {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .our_editor .row {
        margin: 0
    }

    img.laptop {
        top: 0
    }

    .whowrp .mainwrp {
        padding: 0
    }

    .slick-prev:before {
        opacity: 0;
        display: none
    }

    .what-boxwrp .mainwrp {
        width: 100%
    }

    section.what-boxwrp .row {
        margin: 0
    }

    .what-boxwrp .mainwrp.box-3 {
        margin: 30px 0 0
    }

    section.bk-ccover-sec {
        padding: 10px 0
    }

    section.bk-ccover-sec .row {
        margin: 0
    }

    .cvoer-styl {
        margin-bottom: 100px
    }

    .cvoer-styl>img:nth-child(3) {
        transform: translateX(500px) translatey(100px)
    }

    section.destinatin-sec {
        padding: 20px 0
    }

    section.destinatin-sec .row {
        margin: 0 auto
    }

    .video-portfolio-slider::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: #ffffff57;
        left: 0;
        top: 0;
        z-index: 0
    }

    .video-portfolio-slider {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1
    }

    .video-portfolio .row {
        margin: 0 auto
    }

    .int-screens[data-num="1"] {
        padding-top: 20px
    }

    .comic-sec-1 {
        padding: 20px 0
    }

    .process-illu-sec {
        padding: 20px 0
    }

    .icn-new-1 {
        width: 160px
    }

    .icn-new-2 {
        display: none
    }

    .process-illu-sec .row {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .process-illu-sec .row .col-md-2 {
        max-width: 100%;
        flex: 100%
    }

    .process-illu-sec-h p {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .process-illu-sec-h {
        margin-bottom: 20px
    }

    .process-illu-inn {
        margin: 10px 0;
        height: 270px
    }

    .icn-new-1 {
        display: none
    }

    .traditional-sec {
        padding: 20px 0
    }

    .traditional-h h3 {
        font-size: 32px
    }

    .traditional-h {
        margin-bottom: 20px
    }

    .traditional-img-txt img {
        margin: 10px 0;
        width: 100%
    }

    .process-illu-inn p {
        overflow-y: unset
    }

    .process-illu-inn h3 {
        padding: 0 0 10px
    }

    .traditional-img-txt ul li {
        margin-bottom: 8px
    }

    .traditional-img-txt p {
        margin-bottom: 10px;
        margin-top: 0
    }

    .traditional-img-txt {
        margin: 0 0 20px 0
    }

    .bfr-ftr-icn {
        display: none
    }

    .banner-txt {
        padding: 30px 0
    }

    .book-print .row {
        margin: 0 auto
    }

    .inside-book-sec {
        padding: 20px 0
    }

    .inside-book-sec {
        padding: 20px 0
    }

    .outside-bok-sec {
        padding: 20px 0
    }

    .book-tabs-sec {
        padding: 20px 0 0
    }

    .book-tabs-sec h2 {
        font-size: 32px
    }

    .book-tabs-sec .nav-link {
        width: 100%
    }

    .superior-quality-sec {
        padding: 20px 0
    }

    .book-tabs-sec h4 {
        font-size: 20px;
        margin: 10px 0
    }

    .book-tabs-sec .tab-content p {
        font-size: 18px;
        margin-bottom: 10px
    }

    .book-tabs-sec .tab-content ul li {
        line-height: 25px;
        color: #000;
        font-size: 15px
    }

    .fic-txt h3 {
        font-size: 30px;
        line-height: 40px
    }

    .fic-txt p {
        font-size: 14px
    }

    .fiction-banner img {
        height: 450px;
        width: 100%;
        object-fit: cover;
        object-position: right
    }

    .fic-txt .font_sm {
        font-size: 16px
    }

    .fiction-banner::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #00000094;
        z-index: 0
    }

    .comic-txt {
        z-index: 1;
        position: relative
    }

    .comic-txt p {
        font-size: 12px;
        width: 60%;
        margin: 0 auto;
        color: #fff
    }

    .comic-txt h2 {
        margin-bottom: 0;
        font-size: 25px;
        font-size: 25px;
        color: #fff
    }

    .comic-cation::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #00000066;
        z-index: 0
    }

    .comic-txt ul {
        margin-top: 20px
    }

    .impressive-sec .row {
        margin: 0 auto
    }

    .impressive-sec {
        padding: 60px 0;
        text-align: center
    }

    .impressive-sec p {
        padding: 0
    }

    .row.icon-img .col-lg-2 {
        padding: 20px 50px
    }

    .superior-quality-sec .row {
        margin: 0 auto
    }

    .superior-quality-sec p {
        margin-bottom: 20px
    }
}

.ptop130 {
    padding-top: 130px !important
}

section.getstartedsec {
    padding-bottom: 50px;
    background: #f2f3f8
}

.gettext h3 {
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    color: #141315;
    text-align: center
}

.gettext h3 {
    font-size: 58px;
    line-height: 50px;
    font-weight: 300;
    color: #141315;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: -2px;
    margin-bottom: 20px
}

.gettext h1 {
    font-size: 58px;
    line-height: 50px;
    font-weight: 300;
    color: #141315;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: -2px;
    margin-bottom: 20px
}

.gettext h3 b {
    font-weight: 700;
    color: #ed853b
}

.gettext p {
    color: #676767;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.gettext p a {
    color: #ed853b;
    font-weight: 600
}

.startedlist input,
.startedlist select {
    width: 100%;
    padding: 0 20px 0 20px;
    font-size: 18px;
    margin: 0;
    background-color: transparent;
    height: 50px;
    border: 0;
    border: 2px solid #e0e0e0;
    outline: 0;
    transition: all .7s;
    color: #7d758e;
    margin: 13px 0;
    border-radius: 0
}

.startedlist textarea {
    width: 100%;
    padding: 12px 20px 4px 20px;
    font-size: 18px;
    margin: 0;
    background-color: transparent;
    height: 120px;
    border: 0;
    border: 2px solid #e0e0e0;
    outline: 0;
    transition: all .7s;
    color: #7d758e;
    margin: 13px 0;
    border-radius: 0
}

.startedlist button {
    background-color: #000;
    color: #fff;
    border: 0;
    padding: 16px 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    outline: 0;
    border-radius: 5px;
    margin-top: 20px;
    border-radius: 0;
    margin: 0 auto;
    display: table
}

.startedlist button:hover {
    background: #1B69C5;
    color: #fff
}

section.getstartedsec {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f2f3f8
}

section.getstartedsec .row {
    margin: 0
}

@media only screen and (max-width:600px) and (min-width:0) {
    section.int-screens.pad-wrap h2 {
        font-size: 40px
    }

    #int-api h2 {
        padding: 0;
        font-size: 35px
    }

    .glode-cont {
        margin-top: 30px
    }

    .glode-cont h2 {
        font-size: 40px
    }

    .row {
        margin: 0
    }

    section.publish-dec-end h2 {
        font-size: 40px;
        margin: 0 0 30px
    }

    section.thre-bolk-sec h3 {
        font-size: 30px
    }

    .about-rows .col.image.right {
        flex-basis: 100%
    }

    .secnd-fld .btnwrp a {
        width: 48%;
        margin: 6px 0
    }

    .about-bototm-txt img {
        margin: 40px auto
    }

    .commic-header .lit-logo {
        width: 100% !important;
        filter: invert(1)
    }

    .audio-box-sec h2 {
        width: 100%
    }

    .audio-box-sec a.book-btn-them {
        width: 40% !important
    }

    header.bnere-txt h1 {
        font-size: 35px
    }

    .imgg_sec .imgwrpr img {
        height: 110px
    }

    .Sec_sec_au .wrpr_sec h3 {
        font-size: 40px
    }

    .cuthor_min .min_wror {
        padding: 0
    }

    .service_we_offer h2 {
        font-size: 29px
    }

    .quest-title {
        padding: 20px 15px;
        line-height: 1.5
    }

    .secnd-fld .btnwrp a {
        width: 48%;
        margin: 6px 0
    }
}

section.impressive-sec .col-md-6>img {
    height: 410px;
    width: 80%;
    object-fit: cover
}

@media only screen and (max-width:1024px) and (min-width:992px) {
    .thing-value-sec h3 {
        font-size: 22px
    }
}

@media only screen and (max-width:1200px) and (min-width:0) {
    .top-menulink {
        display: none
    }
}

@media only screen and (max-width:1500px) and (min-width:1201px) {
    .toplinks {
        left: 140px
    }

    .top-menulink {
        left: -160px !important
    }

    .phone-numbr {
        right: 300px !important
    }

    .toplinks .top>li+li {
        margin-left: 10px
    }

    #home-cards .bg-wrap[data-num="1"] .background .sfxgg[data-num="2"] {
        left: 100px;
        top: 0;
        width: 770px
    }

    #home-cards .bg-wrap[data-num="1"] .background .sfxgg2a4[data-num="3"] {
        left: 1255px;
        top: 505px;
        width: 330px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .service_box {
        height: auto
    }

    .service_box a {
        position: unset;
        margin: 14px auto
    }
}

.top-menulink a {
    color: #020f14;
    position: relative;
    font-size: 15px
}

.top-menulink ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none
}

.top-menulink ul li {
    margin: 0 20px
}

.top-menulink {
    position: relative;
    top: 20px;
    left: -160px;
    height: 0;
    z-index: 1;
    transition: .5s all
}

.sticky .top-menulink {
    top: 0
}

.sticky .toplinks {
    padding-top: 80px
}

.white-header header:not(.sticky) .cta-items a:not(.cta-btn) {
    color: #fff
}

.white-header header:not(.sticky) .top-menulink a {
    color: #fff
}

.phone-numbr {
    position: absolute;
    right: 320px;
    top: 10px;
    transition: all .5s cubic-bezier(0.5, 0, 0.5, 1)
}

.phone-numbr img {
    width: 25px;
    margin-right: 8px
}

.phone-numbr a {
    font-size: 15px;
    color: #000;
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0
}

.phone-numbr a:hover {
    text-decoration: none
}

.phone-numbr a h6 {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 7px;
    margin: 0
}

.white-header header:not(.sticky) .phone-numbr a {
    color: #fff
}

.sticky .phone-numbr {
    top: 8px
}

.hasAnim .cutom-cl-12 input {
    width: 100%;
    background: 0;
    color: gray;
    border: 1px solid gray;
    padding: 14px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px
}

.cutom-cl-12 {
    width: 40%
}

.blog-sec {
    padding-top: 150px;
    padding-bottom: 100px
}

.blog-sec h2 {
    font-size: 60px;
    text-align: center
}

.blog-sec h3 {
    margin: 20px 0;
    font-size: 30px
}

.blog-sec p {
    line-height: 30px !important;
    font-size: 18px
}

.ukrane-btn {
    position: fixed;
    z-index: 1000;
    bottom: 150px;
    left: 5px;
    background: #1B69C5;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 14px;
    animation: scrollDownAnimation .5s ease infinite alternate
}

.ukrane-btn:hover::after {
    border-color: #000
}

.ukrane-btn::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 72px;
    width: 72px;
    transition: .5s
}

.blog-box {
    margin: 20px 0
}

.blog-box .box-img {
    overflow: hidden
}

.blog-box:hover .box-img img {
    transform: scale(1.3)
}

.blog-box .box-img img {
    transition: .5s all;
    height: 450px;
    object-fit: cover
}

.blog-box .blog-txt {
    padding: 20px 0
}

.blog-box .blog-txt h4 {
    margin: 10px 0;
    font-size: 22px;
    line-height: 35px
}

.blog-box .blog-txt p {
    line-height: 30px;
    font-size: 14px
}

.blog-box .blog-txt a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 150px;
    background: #1B69C5;
    margin-top: 10px;
    color: #000;
    font-size: 16px
}

.whatsapp img {
    width: 15% !important
}

.privacy-pg-sec {
    padding: 200px 0 80px
}

.privacy-pg-sec h2 {
    font: 400 60px/0.9 mrs-eaves-xl-serif, serif;
    margin-bottom: 10px
}

.privacy-pg-sec h1 {
    font: 400 60px/0.9 mrs-eaves-xl-serif, serif;
    margin-bottom: 10px
}

.privacy-pg-sec h3 {
    margin-bottom: 10px;
    margin-top: 40px;
    font: 400 35px/1 mrs-eaves-xl-serif, serif
}

.privacy-pg-sec p {
    margin-bottom: 20px
}

.privacy-pg-sec ul li {
    font-size: 16px;
    line-height: 1.5 !important;
    margin-bottom: 10px;
    list-style: disc
}

.privacy-pg-sec ul {
    margin-bottom: 40px;
    padding-left: 20px
}

.cnt-ul {
    padding-left: 0 !important
}

.cnt-ul li {
    list-style: none !important;
    margin-bottom: 20px
}

.cnt-ul li a {
    font-size: 16px;
    line-height: 1.5 !important;
    color: #e73f2f
}

.cnt-ul li a i {
    margin-right: 15px;
    font-size: 20px;
    color: #e73f2f
}

@media only screen and (min-width:300px) and (max-width:519px) {
    #globalMenu {
        display: block;
        position: relative;
        top: -20px
    }

    .wa_butns {
        bottom: 0 !important
    }
}

.cstm-vdo-plr {
    width: 80%;
    margin: auto;
    display: block;
}



/*internal css */
body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}


label.fr-file {
    width: 100%;
    background: 0 0;
    cursor: pointer;
    color: gray;
    border: 1px solid gray;
    padding: 14px 15px;
    border-radius: 5px;
    font-size: 14px;
}

label.fr-file i {
    color: #1B69C5;
    font-size: 18px;
    margin: 0 0 0 10px;
}

label.fr-file input {
    display: none;
}

.video-sec {
    position: relative;
    margin-top: 250px;
    z-index: 10;
}

.video-sec iframe {
    display: block;
    margin: 0% auto;
    width: 70%;
    height: 500px;
    border-radius: 5px;
    filter: drop-shadow(2px 4px 6px #00000022);
}

@media (min-width: 300px) and (max-width: 520px) {
    .hasAnim .d-flex input {
        border: 2px solid gray;
    }

    .hasAnim .cutom-cl-12 input {
        border: 2px solid gray;
    }

    .hasAnim .d-flex select {
        border: 2px solid gray;
    }

    label.fr-file {
        border: 2px solid gray;
    }

    .video-sec iframe {
        height: 220px;
        width: 100%;
    }
}

.banner-side-img {
    position: absolute;
    right: 140px;
    top: 120px;
    width: 40%;
    z-index: -1;
}

.hasAnim input,
.hasAnim select,
label.fr-file,
.hasAnim input::placeholder {
    color: #000 !important;
    border-color: #000 !important;
}

@media screen and (max-width: 650px) {
    #home-hero {
        padding-top: 120px;
        padding-bottom: 112px !important;
    }

    .banner-side-img {
        position: relative;
        right: 0;
        top: 30px;
        width: 100%;
        opacity: 0;
    }
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0%;
    padding: 50px;
    border: 1px solid #888;
    width: 55%;
    z-index: 1;
    left: 10px;
    border-radius: 20px;
}

.modal-content h2 {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 20px;
}

.modal-content p {
    line-height: 40px !important;
    font-size: 18px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-content h3 {
    margin: 20px 0;
}

.modal-content a {
    height: 60px;
    width: 180px;
    background: #1B69C5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #000;
    transition: 0.3s;
}

.modal-content a:hover {
    text-decoration: none;
}

.wa_butns {
    position: fixed;
    bottom: 20px;
    left: 0px;
    width: 160px;
    z-index: 999;
}



/*==============floating strips css start============== */
.floatbutton.active {
    right: 0;
    z-index: 9;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.floatbutton {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: -370px;
    top: 18%;
    font-size: 0;
    width: 420px;
    /* transform: translateY(-50%); */
    z-index: 999;
}

.floatbutton .clickbutton {
    width: 50px;
    z-index: 999;
    height: 50px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
    border-radius: 0px;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-top: 125px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    background-color: #1B69C5;
    box-shadow: 0px 0px 40px #00000026;
    -webkit-box-shadow: 0px 0px 40px #00000026;
    -ms-box-shadow: 0px 0px 40px #00000026;
    -o-box-shadow: 0px 0px 40px #00000026;
}

.floatbutton .clickbutton .crossplus:before {
    content: "";
    display: none;
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    background: #fbb334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.floatbutton .clickbutton .crossplus:after {
    content: "";
    display: none;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    background: #fab334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.floatbutton .clickbutton .crossplus {
    position: relative;
    display: block;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    white-space: pre;
}

.floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(45deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #ffffff;
    margin: 17px 0 0 15px;
}

.banner-form {
    background: #fff;
    padding: 30px;
    position: relative;
    z-index: 99999 !important;
    border-radius: 5px;
    margin: 0;
    width: 370px;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
}

.ban-form input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}

.banner-form .intl-tel-input {
    width: 100%;
}

.banner-form h3 {
    color: #141315;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 700;
}

.banner-form h3 strong {
    font: 24px/24px "Poppins", sans-serif;
    font-weight: 600;
}

.ban-form input[type="submit"] {
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    padding: 10px 15px;
    margin: 20px 0 0;
    border: transparent;
    cursor: pointer;
    background-color: #1B69C5;
}

.ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 120px;
    outline: none !important;
    margin: 15px 0 0px 0;
    resize: none;
}

.btns_wrap {
    position: fixed;
    right: -6px;
}

.btns_wrap a:hover {
    text-decoration: none !important;
    right: 0px;
}

.btns_wrap .call_wrap {
    width: 280px;
    background-color: #1B69C5;
    position: absolute;
    right: -225px;
    top: 63px;
    border-radius: 3px 0px 0px 3px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    border-radius: 0px;
}

.btns_wrap .call_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    /* background: #000; */
    padding: 15px 20px 15px 15px;
}

.btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -225px;
    width: 280px;
    background-color: #EF3D5B;
    top: 0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 30px 0px 0px 30px;
    z-index: 9999;
}

.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
    color: #fff;
    font-size: 18px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
}

.btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    /* background: #000; */
    padding: 15px 30px 15px 15px;
}

.ban-form .fldset.inpchecbx label {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
    color: #676767;
    font-size: 13px;
}

.ban-form .fldset.inpchecbx input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
}

.fldset.inpchecbx {
    margin: 10px 0 0 0;
}

.fldset p {
    font-size: 13px;
    color: #676767;
    padding: 0;
    margin: 10px 0 0 0;
}

.fldset p a {
    display: block;
    padding: 5px 0px 0 0;
    color: #141315;
    font-weight: 500;
    font-size: 14px;
}

.main-services-banner-sec .ban-form .fldset textarea {
    height: 60px;
}

.main-services-banner-sec .ban-form input {
    height: 40px
}

.intl-tel-input .country-list .country {
    font-size: 14px;
}

/*===================floating strips css end =================*/
.trustpilot-widget {
    margin-left: -45px;
}

.theme-btn.bt-buy-now {
    background: #0d9f16;
    color: #fff;
    border-radius: 100px;
    padding: 10px 13px;
    width: 100px !important;
}

.whattsapp .theme-btn i {
    font-size: 22px;
    line-height: 1;
}

.whattsapp .theme-btn span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: -15px;
    opacity: 0;
    line-height: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    text-transform: uppercase;
}

.whattsapp .theme-btn:hover span {
    opacity: 1;
    letter-spacing: 1px;
    padding-left: 10px;
    /* line-height: 1; */
}

.whattsapp {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 99;
}

.whatsapp {
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .7s ease infinite alternate;
}

.wa_butns {
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .7s ease infinite alternate;
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10px);
    }
}

.btns_wrap .chat_wrap img {
    transition: 0.5s;
}

/*FOOTER ICONS*/
.foot_social li a i {
    background-color: #696169;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.3s ease-in-out;
}

.foot_social li a i:hover {
    background-color: #1B69C5;
    transition: 0.3s ease-in-out;
}

/* marquee div container */
.marquee {
    font-size: 21px;
    color: #fff;
    /* font-family: 'Courier New', Courier, monospace; */
    overflow: hidden;
    background-color: #1B69C5;
    position: relative;
    padding: 0;
    height: 45px;
    display: flex;
    align-items: center;
}

.marqqq {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

/* nested div inside the container */
.marquee div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: marquee 12s linear infinite;
}

/* span with text */
.marquee span {
    float: left;
    width: 30%;
}

/* keyframe */
@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.toplinks {
    padding-top: 100px;
    position: relative;
}

.toplinks .top>li+li {
    margin-left: 20px;
    padding: 0 15px;
}

.top-bar ul li {
    list-style: none;
}

.top-bar {
    height: 50px;
    display: flex;
    justify-content: center;
    background: #000;
    z-index: 99999;
    position: relative;
}

.top-bar ul li .cta-roundss {
    float: right;
    position: absolute;
    right: 180px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    margin-right: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

.top-bar ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
}

.top-bar ul li h6 a {
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}

.top-bar ul li h6 {
    color: #1B69C5;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 20px;
}

.top-bar ul li .cta-roundss i {
    color: #1B69C5;
    padding: 0 10px;
}

#globalHeader .logo.dsk {
    top: 50px
}

.toplinks .top li a span {
    color: #1B69C5 !IMPORTANT;
}

@media only screen and (max-width: 1900px) {
    .top-bar ul li .cta-roundss {
        right: 90px;
    }
}

@media only screen and (max-width: 1600px) {
    .top-bar ul li .cta-roundss {
        right: 20px;
    }
}

@media only screen and (max-width: 1440px) {
    .top-bar ul li .cta-roundss {
        right: 40px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .marquee span {
        width: 100%;
        display: none;
    }

    .marquee .big_easter {
        width: 100%;
        display: block;
    }

    .top-bar ul li::first-child {
        width: 60%;
        text-align: left;
    }

    .top-bar ul li::last-child {
        width: 40%;
        text-align: right;
    }

    #fp-nav {
        display: none !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    #globalMenu .menu-btn {
        right: 25px;
        width: 42px;
        height: 41px;
        transform: translateY(0);
        top: 60px;
    }

    .top-bar ul li .cta-roundss {
        position: unset !important;
        margin-right: 0 !important;
    }

    .form-popup .frm-wrpp-bnr {
        padding: 30px !important;
    }
}

.hasAnim .d-flex textarea {
    width: 100%;
    padding: 10px;
    height: 120px;
    border-radius: 8px;
    margin: 0 0 20px;
}

input.style-bod {
    padding: 10px 10px !important;
    background: #ffffff94 !important;
}

.frm-wrpp-bnr h2 span {
    color: #000;
    font-size: 40px;
    text-align: right;
    font-weight: 400;
    margin-left: 60px;
}

.frm-wrpp-bnr h2 {
    color: #1B69C5;
    text-align: center;
    font-size: 80px;
    line-height: 25px;
    text-align: right;
    font-family: "mrs-eaves-xl-serif", serif;
    margin-bottom: 20px;
}

.frm-wrpp-bnr h3 {
    color: #dc7e04;
    text-align: center;
    font-size: 40px;
    margin-top: -55px;
    font-family: "mrs-eaves-xl-serif", serif;
    padding-right: 60px;
}

img.lit-logo {
    width: 100%;
    margin-top: 20px;
}

.close-pop {
    position: absolute;
    right: -10px;
    top: -15px;
    display: inline-block;
    color: #ffffff;
    transform: scaleY(0.8);
    cursor: pointer;
    background: #1B69C5;
    height: 50px;
    width: 40px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.d-flex.mt-5 {
    margin-top: 10px;
}

.cut-ro .d-flex {
    width: 100%;
}

.cut-ro {
    display: flex;
}

.col-50 {
    width: 50%;
}

.cut-ro .cutom-cl-12 {
    width: 100%;
}

.cut-ro textarea {
    margin-top: 10px !important;
}

.cut-ro button {
    width: 100%;
    border-radius: 5px;
    padding: 10px 10px;
}

.col-50 img {
    width: 95%;
    margin-top: 10px;
    height: 80%;
    object-fit: contain;
}

@media only screen and (max-width: 600px) {
    .frm-wrpp-bnr h2 {
        color: #1B69C5;
        text-align: center;
        font-size: 35px;
        margin: 0;
    }

    .frm-wrpp-bnr h2 span {
        font-size: 25px;
        line-height: 20px;
        margin: 0;
    }

    .col-50 img {
        display: none;
    }

    .frm-wrpp-bnr h3 {
        font-size: 35px;
        margin: 0;
        padding: 0;
    }

    .col-50 {
        width: 0;
    }

    .md-full {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .md-full::after {
        content: '';
        position: absolute;
        height: 90%;
        width: 90%;
        left: 0;
        top: 0;
        background-image: url(../assets/images/pop-img.png);
        background-size: contain;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center;
    }

    form#popup-form {
        position: relative;
        z-index: 9999999999;
    }

    .style-tex {
        background: #ffffff94;
    }
}

.form-popup {
    position: fixed;
    z-index: 9999;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #0000008f;
    top: 0;
    left: 0;
}

.form-popup .frm-wrpp-bnr>div {
    width: 100%;
}

/* .form-popup .frm-wrpp-bnr input {color: #fff;border-color: #fff;} .form-popup .frm-wrpp-bnr input::placeholder {color: #fff;} */
.form-popup .frm-wrpp-bnr {
    background: #ffffff;
    padding: 60px;
    position: relative;
}

.hasAnim .d-flex textarea {
    width: 100%;
    padding: 10px;
    height: 150px;
    border-radius: 8px;
    margin: 0 0 20px;
}

.close-pop {
    position: absolute;
    right: -10px;
    top: -15px;
    display: inline-block;
    color: #ffffff;
    transform: scaleY(0.8);
    cursor: pointer;
    background: #1B69C5;
    height: 38px;
    width: 30px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.d-flex.mt-5 {
    margin-top: 10px;
}

.for_contnt .feature-row h2 {
    font-size: 40px;
}

/*NEW CSS */
.new_con_headingh2 {
    /*background: #1B69C5 !important;*/
    /*background: linear-gradient(to right, #1B69C5 0%, #a30000 50%, #1B69C5 100%) !important;*/
    /*-webkit-background-clip: text !important ;*/
    /*-webkit-text-fill-color: transparent !important;*/
    /*font-size:40px !important;*/
    font-size: 65px !important;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.third_sec_heading {
    text-align: center;
    margin-bottom: 30px !important;
}

.third_sec_heading h2 {
    font-size: 40px;
    background: #1B69C5;
    background: linear-gradient(to right, #1B69C5 0%, #a30000 50%, #1B69C5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px !important;
    font-weight: 600;
}

#home-about .buckets .boxes_four h3 {
    background: #1B69C5 !important;
    background: linear-gradient(to right, #1B69C5 0%, #a30000 50%, #1B69C5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.txt.boxes_four p {
    text-align: center;
    text-align-last: center;
}

.elevate_h2 h2 {
    background: #1B69C5 !important;
    background: linear-gradient(to right, #1B69C5 0%, #a30000 50%, #1B69C5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.portfolio_h2 {
    font-family: 'mrs-eaves-xl-serif', serif !important;
    line-height: 1 !important;
    color: #000;
    font-size: 40px !important;
    margin-bottom: 10px !important;
}

.portfolio_h2 span {
    background: #1B69C5 !important;
    background: linear-gradient(to right, #1B69C5 0%, #a30000 50%, #1B69C5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.check_new_boxx input {
    width: auto !important;
    height: auto !important;
    display: inline-block;
    margin-bottom: 0px !IMPORTANT;
}

.check_new_boxx {
    font-size: 13px;
    line-height: 1.5;
}

.cstm-lb {
    padding-top: 20px;
}

.cstm-lb .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.cstm-lb .form-group label {
    position: relative;
    cursor: pointer;
}

.cstm-lb .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.cstm-lb .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 6px;
    height: 9px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.nopdct {
    padding-top: 0;
}

.sevfrmct {}

.sevfrmct label.check_new_boxx {
    color: #fff;
    font-size: 11px;
}

.sevfrmct label.check_new_boxx a {
    font-size: 11px !important;
}

.sevfrmct {
    padding-top: 0;
}

.sevfrmct .form-group {
    margin-bottom: 0px;
}

.sevfrmct .form-group input:checked+label:after {
    top: 4px;
}

.between_para_scroll {
    height: 220px;
    overflow-y: scroll;
    padding-right: 15px;
}

/* width */
.between_para_scroll::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.between_para_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.between_para_scroll::-webkit-scrollbar-thumb {
    background: #1B69C5;
}

/* Handle on hover */
.between_para_scroll::-webkit-scrollbar-thumb:hover {
    background: #1B69C5;
}

#home-cards .bg-wrap[data-num="1"] .background .sfxgg2a4[data-num="3"] {
    width: 500px;
    left: 1245px;
    top: 565px;
}

.top_add {
    padding: 10px 0;
    background-color: #1B69C5;
    text-align: center;
    position: relative;
    z-index: 99999;
}

.top_add p {
    color: #fff;
}

.top_add a {
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    padding: 5px 20px;
    margin-left: 15px;
}

.top_add i {
    position: absolute;
    right: 10px;
    color: #fff;
    top: 10px;
    cursor: pointer;
}

.toplinks {
    padding-top: 30px !important;
}

#globalHeader .logo.dsk {
    top: 0px !important;
}

#globalHeader.sticky .toplinks {
    transform: translateY(-109px) !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    /*.new_con_headingh2{*/
    /*    font-size:30px !important;*/
    /*}*/
    .banner_info.newd h2 {
        font-size: 16px !important;
    }

    .editing_banner .banner_info p {
        font-size: 16px;
        margin-top: 20px;
        line-height: 20px !important;
    }

    .b_info_box h4.new_con_headingh2 {
        font-size: 21px !important;
    }

    ul.listing-sm li {
        font-size: 16px;
        line-height: 20px;
    }

    .int-screens .screen-row .logo {
        margin-bottom: 20px !important;
    }

    .fiction-banner img {
        height: 115vh;
    }

    .fic-txt h3 {
        font-size: 40px;
        line-height: 42px;
    }

    .unii-h1-head {
        font-size: 17px;
    }

    .book-slider .slick-slide {
        height: 250px;
        object-fit: cover;
    }
}

.design_cover_pg .int-screens .screen-row .col.image {
    width: 50%;
    max-width: 700px;
}

.design_cover_pg .int-screens .screen-row.right .col.text {
    padding-top: 44px;
    width: 50% !important;
    max-width: 700px;
}

.design_cover_pg .int-screens .screen-row.right .txt {
    max-width: 100%;
}

.design_cover_pg .new_con_headingh2 {
    font-size: 48px !important;
    margin-bottom: 20px;
}

.design_cover_pg .destin-cont h2 {
    font-size: 38px !important;
}

.design_cover_pg .mCustomScrollBox {
    padding: 0 !important;
}

.design_cover_pg .destin-cont h2:before {
    height: 3px;
    bottom: -7px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .fiction-banner .fic-txt h3 {
        font-size: 20px !important;
        line-height: 25px;
    }

    .fiction-banner .unii-h1-head {
        font-size: 17px;
    }

    .aftr_banner_form.pt-5.pb-5 .aft_bnr_bg img {
        height: 100vh;
    }

    .aftr_banner_form h3 {
        font-size: 23px;
    }

    .position-relative.p-5.row_wrap {
        padding: 2rem !important;
    }

    .fiction-banner img {
        height: 500px;
    }

    .best_seller_txt h2 {
        font-size: 28px !important;
        line-height: 30px !important;
    }

    .proficient-book-sec .row:first-child {
        flex-wrap: wrap-reverse;
    }

    .proficient-book-txt h2 {
        font-size: 28px !important;
        margin-bottom: 15px !important;
    }

    .proficient-book-img {
        margin-top: 20px;
    }

    .proficient-book-txt .txt-ul {
        width: 100% !important;
    }

    .flex-this-list {
        display: block;
    }

    .icn-bx-sec-h h2 {
        margin-bottom: 40px !important;
        font-size: 26px !important;
    }

    .aftr_banner_form h2 {
        font-size: 25px !important;
    }

    .montage__layer {
        position: relative;
        left: 0;
        right: 0;
        margin-bottom: 30px;
    }

    .best_seller_sec.pt-8.pb-8 {
        padding-bottom: 20px !important;
    }

    .fic-txt h2 {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .fiction-banner p+.cta-btn {
        margin: 10px 0;
    }

    .col.right.image.hasScale.whowrp.book_cover_design_laptop {
        margin-top: 45px;
    }

    .design_cover_pg .new_con_headingh2 {
        font-size: 30px !important;
        margin-bottom: 20px;
    }

    .for_contnt #tier-hero header h1 {
        font-size: 25px !important;
    }

    h2.unii-h1-head.clr-blk {
        font-size: 17px !important;
    }

    header.pad-wrap {
        margin-top: 40px;
    }

    .for_contnt section.int-screens.pad-wrap h2 {
        font-size: 25px !important;
    }

    .video-sec {
        position: relative;
        margin-top: 0px !important;
    }

    #int-api h2 {
        padding: 0;
        font-size: 25px;
    }

    .for_contnt .glode-cont h2 {
        font-size: 25px !important;
    }

    section.wordl-glode-sec {
        padding: 60px 0 20px 0;
    }

    section.publish-dec-end {
        padding: 30px 0;
    }

    section.publish-dec-end h2 {
        font-size: 30px;
    }

    section.thre-bolk-sec {
        padding: 30px 0;
    }

    .submiss-sec {
        text-align: center;
        padding: 30px 0;
    }

    .inside-book-sec h2 {
        text-align: center;
        font-size: 30px;
    }

    section.outside-bok-sec .col-lg-4 {
        /* box-shadow: 0 0 10px 0 #d1d1d1; */
        margin: 15px 0 10px 0;
    }

    .superior-quality-sec h2 {
        font-size: 25px;
    }

    .screen-row.right {
        margin-top: 30px;
    }

    .wrpr_au {
        margin-top: 50px;
    }

    .audio-box .box-txt {
        bottom: 0;
        height: 250px;
        background: #1B69C5;
        cursor: pointer;
    }

    .audio-box-sec h2 {
        font-size: 25px;
    }

    .Sec_sec_au {
        padding: 100px 0;
    }

    .cuthor_min {
        padding: 0px 0 70px 0;
    }

    .contentContainer.for-mrg {
        margin-top: 40px;
    }

    .secnd-fld img {
        margin-bottom: 20px;
    }

    .about-bototm-txt h2 {
        font-size: 23px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    #home-hero .background .doodler-wrap {
        top: 550px;
        left: 670px;
    }

    #home-cards .contentContainer {
        padding-top: 120px;
    }

    #home-blog {
        padding-top: 60px;
    }

    #footer-cta .cta-logo.mob {
        display: none;
    }

    #footer-cta .cta-row {
        text-align: center;
    }

    .social-links {
        margin: 10px 0;
    }

    #home-hero .background[data-num="2"] .arm-cover {
        display: none;
    }

    #home-hero .background[data-num="2"] .arm[data-num="2"] {
        left: 940px;
        top: 420px;
    }

    .pad_LR {
        padding: 0 20px;
    }

    .best_seller_sec.pt-8.pb-8 {
        padding-bottom: 20px !important;
    }

    .about-bototm-txt h2 {
        font-size: 23px;
    }

    .secnd-fld img {
        margin-bottom: 20px;
    }

    .contentContainer.for-mrg {
        margin-top: 40px;
    }

    .cuthor_min {
        padding: 0px 0 70px 0;
    }

    .Sec_sec_au {
        padding: 100px 0;
    }

    .audio-box-sec h2 {
        font-size: 25px;
    }

    .wrpr_au {
        margin-top: 50px;
    }

    .audio-box .box-txt {
        bottom: 0;
        height: 250px;
        background: #1B69C5;
        cursor: pointer;
    }

    .screen-row.right {
        margin-top: 30px;
    }

    .superior-quality-sec h2 {
        font-size: 25px;
    }

    section.outside-bok-sec .col-lg-4 {
        /* box-shadow: 0 0 10px 0 #d1d1d1; */
        margin: 15px 0 10px 0;
    }

    .inside-book-sec h2 {
        text-align: center;
        font-size: 30px;
    }

    .submiss-sec {
        text-align: center;
        padding: 30px 0;
    }

    section.thre-bolk-sec {
        padding: 30px 0;
    }

    section.publish-dec-end h2 {
        font-size: 30px;
    }

    section.publish-dec-end {
        padding: 30px 0;
    }

    section.wordl-glode-sec {
        padding: 60px 0 20px 0;
    }

    .for_contnt .glode-cont h2 {
        font-size: 25px !important;
    }

    #int-api h2 {
        padding: 0;
        font-size: 25px;
    }

    .for_contnt section.int-screens.pad-wrap h2 {
        font-size: 25px !important;
    }

    .video-sec {
        position: relative;
        margin-top: 60px !important;
    }

    h2.unii-h1-head.clr-blk {
        font-size: 17px !important;
    }

    header.pad-wrap {
        margin-top: 40px;
    }

    .for_contnt #tier-hero header h1 {
        font-size: 25px !important;
    }

    .col.right.image.hasScale.whowrp.book_cover_design_laptop {
        margin-top: 45px;
    }

    .design_cover_pg .new_con_headingh2 {
        font-size: 30px !important;
        margin-bottom: 20px;
    }

    .thrdclass .mainwrp .txtwrp {
        left: -709px !important;
    }

    .fiction-banner p+.cta-btn {
        margin: 10px 0;
    }

    .fic-txt h2 {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .montage__layer {
        position: relative;
        left: 0;
        right: 0;
        margin-bottom: 30px;
    }

    .fiction-banner .fic-txt h3 {
        font-size: 20px !important;
        line-height: 25px;
    }

    .aftr_banner_form h2 {
        font-size: 25px !important;
    }

    .fiction-banner .unii-h1-head {
        font-size: 17px;
    }

    .aftr_banner_form.pt-5.pb-5 .aft_bnr_bg img {
        height: 100vh;
    }

    .aftr_banner_form h3 {
        font-size: 23px;
    }

    .position-relative.p-5.row_wrap {
        padding: 2rem !important;
    }

    .fiction-banner img {
        height: 500px;
    }

    .best_seller_txt h2 {
        font-size: 28px !important;
        line-height: 30px !important;
    }

    .proficient-book-sec .row:first-child {
        flex-wrap: wrap-reverse;
    }

    .proficient-book-txt h2 {
        font-size: 28px !important;
        margin-bottom: 15px !important;
    }

    .proficient-book-img {
        margin-top: 20px;
    }

    .proficient-book-txt .txt-ul {
        width: 100% !important;
    }

    .flex-this-list {
        display: block;
    }

    .icn-bx-sec-h h2 {
        margin-bottom: 40px !important;
        font-size: 26px !important;
    }

    .new_con_headingh2 {
        font-size: 38px !important;
    }
}

#features .feature-row h2 i {
    display: block;
    font-size: 34px;
}

.proficient-book-txt .txt-ul li a {
    /* pointer-events: none; */
    cursor: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .homz .toplinks {
        left: 90px;
    }

    .homz img.lit-logo {
        left: 0px;
        position: relative;
    }

    img.lit-logo {
        width: 80% !important;
        margin-top: -20px !important;
        left: -80px;
        position: relative;
    }

    .toplinks {
        padding-top: 100px !important;
    }
}

.txt-ul h6 {
    padding-left: 30px;
    font-size: 18px;
    font-family: aktiv-grotesk, sans-serif;
    color: black;
    /* margin-bottom: 8px; */
    line-height: 1.9;
}

.icn-bx-sec-h h2 {
    margin-bottom: 50px;
    font-size: 40px;
    font-family: 'mrs-eaves-xl-serif', serif;
    font-weight: 600;
}

.proficient-book-txt h2 {
    font-size: 40px;
    font-family: 'mrs-eaves-xl-serif', serif;
    margin-bottom: 20px;
    font-weight: 600;
}

.best_seller_txt h2 {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    font-family: 'mrs-eaves-xl-serif', serif;
    color: #000;
}

.share_detail_form h3 {
    font-family: var(--main-font);
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 10px 0px;
}

.aftr_banner_form h2 {
    color: #ffffff;
    font-size: 42px;
    text-align: left;
    width: 100%;
    font-weight: 600;
    font-family: 'mrs-eaves-xl-serif', serif;
}

.best_seller_txt p {
    font-family: inherit !important;
    font-size: 16px !important;
}

.fic-txt h2 {
    font-size: 46px;
    line-height: 48px;
    font-weight: 700;
    font-family: 'mrs-eaves-xl-serif', serif;
    color: #fff;
}

.comic1-img-txt h2 {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 20px;
    color: rgb(23, 23, 23);
    line-height: 40px;
    font-family: mrs-eaves-xl-serif, serif;
}

.traditional-h h2 {
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 0;
    color: rgb(23, 23, 23);
    line-height: 40px;
    font-family: mrs-eaves-xl-serif, serif;
}

.service_sec .icon_box h2 {
    color: #1B69C5;
    font-size: 35px;
    margin: 10px 0px;
    line-height: 1;
    letter-spacing: unset;
    font-family: 'mrs-eaves-xl-serif', serif;
    cursor: context-menu;
}

html .global.sticky .toplinks {
    padding-top: 130px !important;
}

ul.listing-sm li {
    font-size: 16px;
    line-height: 2;
    list-style: circle;
}

.for_contnt #tier-hero header h1 {
    font-size: 44px;
}

h2.unii-h1-head {
    font-size: 22px !important;
    margin-bottom: 2px !important;
}

.nwhd.unii-h1-head {
    color: #000;
    font-size: 22px;
    margin-bottom: 2px;
}

.quest-content p {
    margin-bottom: 25px !important;
}

.quest-content ul li {
    list-style: disc;
}

.quest-title {
    font-size: 15px !important;
}

ul.txt-ul li {
    cursor: context-menu;
}

#home-blog {
    overflow-x: hidden;
}

.showrell h1 {
    font: 400 48px / 1.12 mrs-eaves-xl-serif, serif;
    font-size: 45px;
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
}

/*Our Partners Start*/
.our-partners-banner-sec {
    background-image: url(../images/partners/our-partners-banner-imgaes.png);
    width: 100%;
    height: 440px;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 12%;
}

.our-partners-banner-text p {
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-size: 15px;*/
    color: #fff;
    width: 50%;
    margin: 0 auto;
    line-height: 28px;
    margin-bottom: 45px;
}

.our-partners-banner-text a i {
    margin-left: 10px;
    font-size: 16px;
}

.our-partners-banner-text a {
    background: #1B69C5;
    font-size: 14px;
    padding: 14px 30px;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.valued-collaborators-sec {
    padding: 100px 0;
}

.valued-collaborators-heading {
    text-align: center;
}

.valued-collaborators-heading p {
    /*color: #222222;*/
    width: 60%;
    margin: 0 auto;
    /*font-size: 15px;*/
    /*font-weight: 600;*/
}

.valued-collaborators-heading h2 {
    margin-bottom: 0;
    font-family: 'abril-display';
    font-size: 70px;
    line-height: 1.2;
    color: #000;
    font-weight: 500;
    margin: 0 0 5px;
}

.our-partners-banner-text.wow.bounceIn h1 {
    font-family: 'abril-display';
    font-size: 95px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin: 0 0 5px;
}

.valued-collaborators-logo {
    margin-top: 70px;
    text-align: center;
}

.valued-collaborators-logo a img {
    margin: 0 auto;
}

.valued-collaborators-sec .row {
    align-items: center;
}

.valued-collaborators-sec .container {
    max-width: 1320px;
}

/*Our Partners End*/
@media only screen and (min-width: 300px) and (max-width: 519px) {
    section.int-screens.pad-wrap .col.right.text {
        margin-top: 300px;
    }

    section.int-screens.pad-wrap .background.willScale {
        margin-top: -90px;
    }

    .our-partners-banner-text.wow.bounceIn h1 {
        font-size: 42px;
    }

    .our-partners-banner-text p {
        width: 100%;
    }

    .our-partners-banner-sec {
        margin-top: 130px;
        height: 340px
    }

    img.lit-logo {
        width: 100%;
        margin-top: 0;
    }

    .partner_page section {
        padding-left: 0;
        padding-right: 0;
    }

    .valued-collaborators-sec {
        padding: 40px 0 80px;
    }

    .valued-collaborators-heading p {
        width: 100%;
    }

    .valued-collaborators-heading h2 {
        font-size: 35px;
    }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .our-partners-banner-text.wow.bounceIn h1 {
        font-size: 42px;
    }

    .our-partners-banner-text p {
        width: 100%;
    }

    .our-partners-banner-sec {
        margin-top: 130px;
        height: 340px
    }

    img.lit-logo {
        width: 100%;
        margin-top: 0;
    }

    .partner_page section {
        padding-left: 0;
        padding-right: 0;
    }

    .valued-collaborators-sec {
        padding: 40px 0 80px;
    }

    .valued-collaborators-heading p {
        width: 100%;
    }

    .valued-collaborators-heading h2 {
        font-size: 35px;
    }

    .top-bar ul {
        justify-content: flex-start;
        padding-left: 20px;
    }

    .top-bar ul li .cta-roundss {
        right: -30px;
    }

    #globalMenu .menu-btn {
        top: 65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    img.lit-logo {
        width: 100%;
        margin-top: 0;
    }

    .our-partners-banner-sec {
        height: 340px;
        margin-top: 21%;
    }

    .our-partners-banner-text p {
        width: 90%;
    }

    .our-partners-banner-text.wow.bounceIn h1 {
        font-family: 'abril-display';
        font-size: 55px;
        line-height: 1.2;
        color: #fff;
        font-weight: 500;
        margin: 0 0 5px;
    }

    #globalMenu .menu-btn {
        top: 60px;
    }

    .valued-collaborators-heading h2 {
        font-size: 40px;
    }

    .valued-collaborators-heading p {
        width: 90%;
        margin: 0 auto;
    }

    .social-links {
        margin-top: 10px;
    }
}
.top{
    align-items: center;
    display: flex;
    justify-content: center;
}
li.cta-btn.orange.head {
    padding: 13px 15px;
}
li.cta-btn.orange.head a {
    color: #fff;
}