@charset "UTF-8";
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: none;
    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: -.25em
}

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

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

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

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

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
}

.display_print {
    display: none
}

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

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

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

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

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

    pre {
        white-space: pre-wrap !important
    }

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

    thead {
        display: table-header-group
    }

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

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

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

    .hide_print {
        display: none !important
    }

    .display_print {
        display: unset !important
    }

    .container.above_footer {
        max-width: 1200px
    }

    @page {
        margin-top: 0;
        margin-bottom: 0
    }
}

html {
    box-sizing: border-box
}

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

html {
    -webkit-tap-highlight-color: transparent
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

p {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

ul, ol {
    margin-top: 0
}

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

nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0
}

dl {
    margin-top: 0
}

dd {
    margin: 0
}

figure {
    margin: 0
}

address {
    font-style: normal
}

form {
    margin: 0
}

textarea {
    resize: vertical
}

button, .button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type="search"]::-ms-clear {
    display: none
}

::-moz-placeholder {
    opacity: 1
}

textarea, input, select, button {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    background: none;
    resize: none;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    height: auto;
    line-height: inherit;
    letter-spacing: inherit
}

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

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type='number'] {
    -moz-appearance: textfield
}

img {
    width: 100%;
    height: auto
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
    background-color: #fafcff
}

body.theme_light {
    background-color: #fff
}

body.theme_dark {
    color: #fff;
    background-color: rgba(33, 33, 33, .9)
}

@media screen and (max-width: 479px) {
    body.theme_dark {
        background-color: #212121
    }
}

body.open {
    overflow: hidden
}

body.open .expand_trigger {
    color: #333
}

body.full_layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

body.full_layout .above_footer {
    margin-bottom: auto
}

h1, .h1 {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 1.25rem
}

h2, .h2 {
    font-size: 1.375rem;
    line-height: 1.2728;
    font-weight: 500;
    margin-bottom: .625rem
}

h3, .h3 {
    font-size: 1.125rem;
    line-height: 1.3334;
    font-weight: 400;
    margin-bottom: .625rem
}

h4, .h4 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: .625rem;
    font-weight: 500;
    border-bottom: 1px solid #333
}

h5, .h5 {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    margin-bottom: .625rem
}

h5:last-child, .h5:last-child {
    margin-bottom: 0
}

h5.footnote, h5 .footnote, .h5.footnote, .h5 .footnote {
    color: #cacccf !important;
    text-align: center
}

p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.25rem
}

textarea, input[type=text], input[type=tel], input[type=password], input[type=url], input[type=email], img {
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    user-select: initial
}

form:not(:last-child) {
    margin-bottom: 1.25rem
}

fieldset .flex_justify > div:not(:last-child) {
    margin-right: .9375rem
}

label:not(.action), .caption {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-weight: 600;
    margin-bottom: .3125rem
}

label:not(.action).expand_trigger, .caption.expand_trigger {
    margin-bottom: 0
}

label:not(.action).required, .caption.required {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

label:not(.action).required::after, .caption.required::after {
    content: 'Required';
    color: rgba(220, 53, 69, .5) !important;
    font-weight: 400;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400
}

label:not(.action).grouped, .caption.grouped {
    margin-bottom: .9375rem
}

label:not(.action).grouped ~ label[for], .caption.grouped ~ label[for] {
    margin-bottom: 0
}

a:not(.button), a:hover:not(.button), .link {
    width: auto;
    color: inherit;
    text-decoration: underline
}

a:not(.button).action, a:not(.button).action:hover, a:hover:not(.button).action, a:hover:not(.button).action:hover, .link.action, .link.action:hover {
    color: #253dd4;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    text-decoration: none
}

a:not(.button).pointer, a:hover:not(.button).pointer, .link.pointer {
    color: #253dd4;
    text-decoration: none;
    white-space: nowrap
}

a:not(.button).pointer::after, a:hover:not(.button).pointer::after, .link.pointer::after {
    content: " →"
}

a:not(.button).full_width, a:hover:not(.button).full_width, .link.full_width {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

a:not(.button).list_item, a:hover:not(.button).list_item, .link.list_item {
    text-decoration: none
}

a:not(.button).list_item:not(a), a:hover:not(.button).list_item:not(a), .link.list_item:not(a) {
    width: 100%
}

a:not(.button)[disabled], a:hover:not(.button)[disabled], .link[disabled] {
    color: #cacccf
}

a:not(.button).round, a:hover:not(.button).round, .link.round {
    padding: 8px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all .2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .2s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .2s cubic-bezier(.19, 1, .22, 1);
    transition: all .2s cubic-bezier(.19, 1, .22, 1)
}

a:not(.button).round + a:not(.button).round, a:hover:not(.button).round + a:not(.button).round, .link.round + a:not(.button).round, a:not(.button).round + a:hover:not(.button).round, a:hover:not(.button).round + a:hover:not(.button).round, .link.round + a:hover:not(.button).round, a:not(.button).round + .link.round, a:hover:not(.button).round + .link.round, .link.round + .link.round {
    margin-left: .9375rem
}

a:not(.button).round svg, a:hover:not(.button).round svg, .link.round svg {
    width: 1.5625rem;
    height: 1.5625rem
}

button:not(.link), .button {
    height: 2.75rem;
    line-height: 2.5625rem;
    width: 100%;
    text-decoration: none;
    position: relative;
    box-shadow: 0 8px 20px 5px rgba(37, 61, 212, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #253dd4;
    color: #fafcff;
    border-radius: 100px
}

button:not(.link)[disabled], .button[disabled] {
    opacity: .5;
    cursor: default
}

button:not(.link).shrink, .button.shrink {
    width: auto;
    display: inline-flex;
    padding: 0 1.875rem
}

button:not(.link).shrink svg + span, .button.shrink svg + span {
    padding-left: 1.25rem
}

.flex_justify > button:not(.link):not(.shrink), .flex_justify > .button:not(.shrink) {
    height: 1.875rem;
    line-height: 1.875rem;
    box-shadow: none
}

button:not(.link):not(:last-child), .button:not(:last-child) {
    margin-bottom: .9375rem
}

.flex_justify > button:not(.link):not(:last-child), .flex_justify > .button:not(:last-child) {
    margin-bottom: 0;
    margin-right: .9375rem
}

button:not(.link):not(:last-child).has_disclaimer, .button:not(:last-child).has_disclaimer {
    margin-bottom: .3125rem
}

button:not(.link):not(:last-child).has_disclaimer + p, .button:not(:last-child).has_disclaimer + p {
    text-align: center
}

button:not(.link):not(:last-child).has_disclaimer.has_validation + .validation-summary-errors:not(:empty) + p, .button:not(:last-child).has_disclaimer.has_validation + .validation-summary-errors:not(:empty) + p {
    display: none
}

button:not(.link):not(:last-child).has_validation, .button:not(:last-child).has_validation {
    margin-bottom: .625rem
}

button:not(.link):not(:last-child).has_validation + .validation-summary-errors, .button:not(:last-child).has_validation + .validation-summary-errors {
    text-align: center
}

button:not(.link) select, .button select {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    height: 2.75rem;
    margin: 0;
    position: absolute;
    z-index: 1
}

button:not(.link) select + span, .button select + span {
    position: absolute
}

button:not(.link) svg, .button svg {
    position: absolute;
    left: .625rem
}

button:not(.link) svg.icon_logo, .button svg.icon_logo {
    padding: .25rem
}

button:not(.link) svg.icon_pencil, .button svg.icon_pencil {
    margin: .3125rem
}

button:not(.link).secondary_large, .button.secondary_large {
    background-color: #fff;
    color: #333;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2);
    border-radius: .625rem;
    height: 3.125rem
}

button:not(.link).secondary_large svg, .button.secondary_large svg {
    left: .875rem;
    width: 1.125rem
}

button:not(.link).animated, button:not(.link).animated_secondary, .button.animated, .button.animated_secondary {
    background-image: linear-gradient(-45deg, #fb6784, #253dd4, #7377f0);
    background-size: 600%;
    animation: animation_rotate_bg 10s linear infinite
}

button:not(.link).secondary, .button.secondary {
    background-color: #fff;
    color: #333;
    border: 2px solid #253dd4;
    box-shadow: none
}

button:not(.link).secondary_red, .button.secondary_red {
    background-color: #fff;
    color: #dc3545;
    border: 2px solid #dc3545;
    box-shadow: none
}

button:not(.link).round_add, .button.round_add {
    margin: auto;
    position: relative;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem
}

button:not(.link).round_add::before, button:not(.link).round_add::after, .button.round_add::before, .button.round_add::after {
    content: "";
    position: absolute;
    border-radius: 2px;
    background-color: #fff
}

button:not(.link).round_add::before, .button.round_add::before {
    width: 4px;
    height: 20px
}

button:not(.link).round_add::after, .button.round_add::after {
    width: 20px;
    height: 4px
}

button:not(.link).round_play, .button.round_play {
    margin: auto;
    background-color: #f61c0d;
    border: 4px solid #fafcff;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2);
    border-radius: 50%;
    width: 5rem;
    height: 5rem
}

button:not(.link).round_play svg.icon_play, .button.round_play svg.icon_play {
    position: initial;
    fill: #fafcff;
    stroke: #fafcff
}

button:not(.link).danger, .button.danger {
    background-color: #dc3545;
    box-shadow: 0 8px 20px 5px rgba(220, 53, 69, .2)
}

button:not(.link).danger svg, .button.danger svg {
    fill: #fafcff;
    stroke: #fafcff
}

button:not(.link).transparent, .button.transparent {
    color: #333;
    background-color: transparent;
    border: 1px solid rgba(33, 33, 33, .5);
    box-shadow: none
}

button:not(.link).transparent svg, .button.transparent svg {
    fill: #333;
    stroke: #333
}

.theme_dark button:not(.link).transparent, .theme_dark .button.transparent {
    border-color: rgba(250, 252, 255, .5);
    color: #fafcff
}

.theme_dark button:not(.link).transparent svg, .theme_dark .button.transparent svg {
    fill: #fafcff;
    stroke: #fafcff
}

button:not(.link):not(.animated):hover, .button:not(.animated):hover {
    background-image: linear-gradient(-45deg, rgba(115, 119, 240, .1), rgba(251, 103, 132, .1))
}

@media screen and (max-width: 479px) {
    button:not(.link):not(.animated):hover, .button:not(.animated):hover {
        background-image: unset
    }
}

button:not(.link) .warning_symbol, .button .warning_symbol {
    position: absolute;
    top: -10px;
    right: -7px;
    text-shadow: 0 0 1px #333;
    font-size: 28px;
    display: none
}

button:not(.link).has_warning .warning_symbol, .button.has_warning .warning_symbol {
    display: block
}

input:not(.custom), textarea, select {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #cacccf;
    border-radius: 5px;
    color: #333;
    padding: .5rem .75rem;
    margin-bottom: .9375rem
}

input:not(.custom).rounded, textarea.rounded, select.rounded {
    border-radius: 100px
}

input:not(.custom)[type=radio], textarea[type=radio], select[type=radio] {
    display: none
}

input:not(.custom)[type=radio] + label[for], textarea[type=radio] + label[for], select[type=radio] + label[for] {
    cursor: pointer
}

input:not(.custom)[type=radio] + label[for].link, textarea[type=radio] + label[for].link, select[type=radio] + label[for].link {
    font-weight: 400
}

input:not(.custom)[type=checkbox], textarea[type=checkbox], select[type=checkbox] {
    display: none
}

input:not(.custom)[type=checkbox] + label[for], textarea[type=checkbox] + label[for], select[type=checkbox] + label[for] {
    cursor: pointer;
    display: inline-block;
    border-radius: .3125rem;
    border: 2px solid #253dd4;
    padding: .3125rem .625rem;
    margin: .4375rem .3125rem 0 0;
    font-weight: 400
}

input:not(.custom)[type=checkbox]:checked + label, textarea[type=checkbox]:checked + label, select[type=checkbox]:checked + label {
    background-color: #253dd4;
    color: #fafcff
}

input:not(.custom):focus, textarea:focus, select:focus {
    border-color: #253dd4
}

input:not(.custom) + button, textarea + button, select + button {
    margin-top: 1.25rem
}

input:not(.custom)[type=file], textarea[type=file], select[type=file] {
    display: none
}

input:not(.custom)[type=file] + label.action[for], textarea[type=file] + label.action[for], select[type=file] + label.action[for] {
    cursor: pointer
}

input:not(.custom)[type=hidden], textarea[type=hidden], select[type=hidden] {
    display: none
}

input:not(.custom)::placeholder, textarea::placeholder, select::placeholder {
    color: #a6a6a6
}

input:not(.custom) option, textarea option, select option {
    color: #333 !important
}

select, select:focus, select:hover {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    padding-right: 20px
}

select.rounded, select:focus.rounded, select:hover.rounded {
    background-position-x: 98%;
    padding-right: 25px
}

svg:not(.icon_logo) {
    fill: #333;
    stroke: #333
}

svg.icon_logo {
    fill: #7377f0
}

svg.icon_close {
    cursor: pointer
}

svg.icon_in, svg.icon_out {
    stroke: #253dd4
}

svg[class^="icon"] {
    width: 1.875rem;
    height: 1.875rem;
    stroke-width: 0
}

svg.large_icon {
    height: 6.25rem;
    width: 100%
}

svg.large_icon:not(:last-child) {
    margin-bottom: 1.25rem
}

svg.inline_icon {
    width: 1rem;
    height: 1rem
}

svg.inline_icon:not(:last-child) {
    margin-right: .25rem
}

svg.inline_icon:not(:first-child) {
    margin-left: .25rem
}

svg.watermark {
    display: block;
    width: 9.375rem;
    height: 9.375rem;
    opacity: .15;
    margin: .9375rem auto
}

svg[class^="action"] {
    width: 1.375rem;
    height: 1.375rem;
    stroke-width: 0;
    fill: #253dd4
}

svg[class^="action"].action_contact {
    fill: #f80
}

svg[class^="action"].action_remove {
    fill: #dc3545
}

svg[class^="action"].action_download, svg[class^="action"].action_save {
    fill: #0b0
}

.display_none {
    display: none !important
}

.display_ios {
    display: none
}

.is_ios .hide_ios {
    display: none !important
}

.is_ios .display_ios:not(span) {
    display: block !important
}

.is_ios span.display_ios {
    display: inline !important
}

.display_mobile {
    display: none
}

.display_mobile.warning.open {
    display: none
}

@media screen and (max-width: 479px) {
    .display_mobile {
        display: block
    }

    .display_mobile.warning.open {
        display: flex
    }
}

@media screen and (max-width: 479px) {
    .hide_mobile {
        display: none !important
    }
}

.display_tablet_w {
    display: none
}

.display_tablet_w.warning.open {
    display: none
}

@media screen and (max-width: 991px) {
    .display_tablet_w {
        display: block
    }

    .display_tablet_w.warning.open {
        display: flex
    }
}

@media screen and (max-width: 991px) {
    .hide_tablet_w {
        display: none !important
    }
}

.flex_justify {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex_split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

.flex_split > * {
    flex-grow: 1
}

.flex_split > *:first-child {
    margin-right: .625rem
}

.flex_start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row
}

.flex_start > * {
    margin-bottom: 0
}

.flex_start > *:not(:first-child) {
    margin-left: 1.25rem
}

.center_text {
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.rainbow {
    background-image: linear-gradient(121deg, #7377f0, #fb6784);
    text-decoration: none;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent
}

.rainbow:not(div):not(span) {
    display: inline-block
}

.warning_text {
    color: #dc3545
}

.muted {
    opacity: .5
}

.muted:hover {
    opacity: 1
}

.crossed_out {
    opacity: .5;
    text-decoration: line-through
}

.line_breaks {
    white-space: pre-line
}

.hr {
    width: 100%;
    border-bottom: 1px solid #cacccf
}

.spaced:not(.container) {
    margin: .9375rem
}

.spaced:not(.container).distance {
    margin-bottom: 1.875rem
}

.spaced:not(.container).distance:not(:first-child) {
    margin-top: 1.875rem
}

.clickable_overlay {
    position: relative
}

.clickable_overlay::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    cursor: pointer
}

[data-trigger] {
    cursor: pointer
}

.floating_action {
    position: fixed;
    right: 0;
    bottom: 0;
    margin-bottom: 1.875rem;
    margin-right: -.625rem;
    z-index: 4;
    width: auto;
    animation: animation_slideleft_jump 2s
}

.floating_action button.secondary_large {
    width: 3.75rem
}

.floating_action button.secondary_large svg {
    position: unset;
    padding: .3125rem .625rem .3125rem .3125rem;
    stroke: none;
    fill: #7377f0;
    width: 3.75rem
}

.switch {
    display: none
}

.switch.check + label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    cursor: pointer;
    margin-bottom: .9375rem
}

.switch.check + label::before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 5px;
    border: 1px solid #cacccf;
    background-color: #fff;
    margin-right: .625rem;
    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.switch:not(.check) + label {
    position: relative;
    width: 1.875rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.switch:not(.check) + label::before {
    content: '';
    width: 100%;
    height: .375rem;
    border-radius: 10px;
    background-color: #cacccf;
    opacity: .5;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.switch:not(.check) + label::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #cacccf;
    box-shadow: 0 1px 3px 0 rgba(51, 51, 51, .2);
    right: 15px;
    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.switch:checked + label::before {
    background-color: #253dd4
}

.switch:checked + label::after {
    background-color: #253dd4;
    right: 0
}

.input_wrapper {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #f1f2f6
}

.container > .input_wrapper:first-child, .container > .input_wrapper:first-of-type {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.container > .input_wrapper:last-child, .container > .input_wrapper:last-of-type {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.input_wrapper + .validation-summary-errors {
    margin-bottom: 1.25rem
}

.input_wrapper + .validation-summary-errors:not(:empty) {
    margin-top: 1.25rem
}

.input_wrapper + textarea {
    margin-top: 1.875rem
}

.input_wrapper input {
    border: none;
    height: 60px;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 16px;
    padding-bottom: 0
}

.input_wrapper input:not(:placeholder-shown) {
    padding-top: 23px
}

.input_wrapper input:not(:placeholder-shown) ~ span {
    display: none
}

.input_wrapper input:not(:placeholder-shown) ~ label {
    height: auto;
    -webkit-transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    transition: all .3s cubic-bezier(.19, 1, .22, 1)
}

.input_wrapper span {
    position: absolute;
    color: #dc3545 !important;
    opacity: .5;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    top: 20px;
    right: .9375rem
}

.input_wrapper label {
    position: absolute;
    top: 10px;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0
}

.nav_out {
    transform: rotate(-45deg);
    position: relative;
    margin-right: 30px;
    border-radius: 50%;
    width: 3.125rem;
    height: 3.125rem;
    background-color: #253dd4;
    box-shadow: 0 8px 20px 5px rgba(37, 61, 212, .2)
}

.nav_out::before, .nav_out::after {
    content: "";
    position: absolute;
    border-radius: 2px;
    top: 1.1875rem;
    left: 1.1875rem;
    background-color: #fff
}

.nav_out::before {
    width: 4px;
    height: 15px
}

.nav_out::after {
    width: 15px;
    height: 4px
}

.expandable + p {
    margin-top: 1.25rem
}

.expandable:not(.fullscreen) > .expand_content, .expandable.loader .expand_content {
    position: relative;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform-origin: top;
    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    transition: all .3s cubic-bezier(.19, 1, .22, 1)
}

.expandable:not(.fullscreen) > .expand_content.content_box, .expandable.loader .expand_content.content_box {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.expandable .expand_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    cursor: pointer
}

.expandable .expand_trigger.underlined {
    margin: 0 .9375rem;
    padding: .9375rem 0;
    font-size: 1.125rem;
    line-height: 1.3334;
    font-weight: 400;
    border-bottom: 1px solid rgba(33, 33, 33, .2)
}

.theme_dark .expandable .expand_trigger.underlined {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.expandable:last-child .underlined {
    border: none
}

.expandable:last-child .underlined + .content_box {
    margin-bottom: 1.25rem
}

.expandable.open:not(.fullscreen) > .expand_content, .expandable.open.loader .expand_content {
    opacity: 1;
    max-height: 10000px;
    overflow: unset;
    padding-top: 1.25rem
}

.expandable.open:not(.fullscreen) > .expand_content.content_box, .expandable.open.loader .expand_content.content_box {
    margin-bottom: .9375rem;
    padding: 1.25rem
}

.expandable.open .expand_trigger.underlined:not([data-trigger]), .expandable.open .expand_trigger.list_item {
    border-bottom: none
}

.expandable.open .expand_trigger.underlined:not([data-trigger])::after, .expandable.open .expand_trigger.list_item::after {
    content: '✕';
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.expandable.open .expand_trigger.list_item svg {
    stroke: #253dd4;
    fill: #253dd4
}

.expandable.open .expand_trigger.list_item span {
    border-bottom: none;
    color: #253dd4
}

.expandable.open .expand_trigger.list_item span + span {
    display: none
}

.expandable.fullscreen, .expandable.editor {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #333;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all .8s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .8s cubic-bezier(.19, 1, .22, 1);
    transition: all .8s cubic-bezier(.19, 1, .22, 1)
}

.expandable.fullscreen .expand_trigger, .expandable.editor .expand_trigger {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.expandable.fullscreen {
    top: 0;
    left: 100%;
    width: 100%;
    background-color: #f1f2f6
}

.expandable.fullscreen .nav_out {
    display: none
}

.expandable.fullscreen.open {
    left: 5%;
    width: 95%;
    overflow: unset;
    box-shadow: -4px 0 25px 0 rgba(0, 0, 0, .2)
}

.expandable.fullscreen.open .expand_header {
    position: static;
    z-index: 1;
    top: 0
}

.expandable.fullscreen.open .nav_out {
    position: absolute;
    display: block;
    z-index: 3;
    left: -.625rem
}

@media screen and (max-width: 479px) {
    .expandable.fullscreen.open .nav_out {
        bottom: 1.25rem
    }
}

.expandable.fullscreen .expand_header {
    padding: .9375rem;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2)
}

.expandable.fullscreen .expand_header * {
    margin-bottom: 0
}

.expandable.fullscreen .expand_content {
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 5rem
}

.expandable.fullscreen .expand_content .container:first-child {
    margin-top: 1.25rem
}

.expandable.fullscreen .expand_content .input_wrapper input {
    border-radius: 10px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    padding-top: unset
}

.expandable.fullscreen .expand_content .input_wrapper input:not(:placeholder-shown) {
    padding-top: 16px
}

.expandable.fullscreen .expand_content .input_wrapper label {
    padding: 0 .9375rem
}

.expandable.fullscreen .expand_content.auto_close {
    height: 100%
}

.expandable.fullscreen .expand_content.wide_content {
    max-width: unset
}

.expandable.fullscreen .expand_content.wide_content .action_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.expandable.fullscreen .expand_content.wide_content .action_wrapper button {
    max-width: 400px
}

.expandable.fullscreen .expand_content.wide_content .action_wrapper button.round_add {
    margin-top: 0
}

.expandable.fullscreen .expand_content.wide_content > * {
    width: 700px;
    max-width: 90%
}

@media screen and (max-width: 479px) {
    .expandable.fullscreen .expand_content.wide_content > * {
        max-width: 100%
    }
}

@media screen and (max-width: 479px) {
    .expandable.fullscreen .expand_content.wide_content .action_wrapper {
        padding: 0 .9375rem
    }

    .expandable.fullscreen .expand_content.wide_content > * {
        max-width: 100%
    }

    .expandable.fullscreen .expand_content.wide_content .content_box {
        border-radius: 0
    }
}

.expandable.fullscreen .expand_trigger {
    justify-content: center;
    font-size: 1.375rem;
    line-height: 1.2728;
    font-weight: 500
}

.expandable.fullscreen .content_box {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.expandable.fullscreen .qr_wrapper {
    padding: 1.875rem;
    margin: 0 .9375rem;
    background-color: #fff;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2);
    border-radius: .625rem
}

.expandable.fullscreen .content_links.Box .link_wrapper {
    background-color: #fff
}

@media screen and (max-width: 479px) {
    .expandable.fullscreen .expand_content {
        margin-top: 1px
    }

    .expandable.fullscreen .expand_content .container:first-child {
        margin-top: 30px
    }

    .expandable.fullscreen .expand_content.wide_content > * {
        max-width: 100%
    }

    .expandable.fullscreen .qr_wrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .expandable.fullscreen .qr_wrapper img {
        max-width: 220px
    }
}

.expandable.warning {
    position: fixed;
    z-index: 4;
    background-color: rgba(250, 252, 255, .9);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    overflow: hidden;
    top: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: unset;
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1)
}

.expandable.warning .expand_trigger {
    display: none;
    font-weight: 500
}

.expandable.warning .expand_trigger, .expandable.warning .expand_content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media screen and (max-width: 479px) {
    .expandable.warning .expand_trigger {
        padding: .9375rem
    }

    .expandable.warning .expand_content {
        border-radius: 0
    }
}

.expandable.warning.disclaimer {
    animation: animation_slideup 4s cubic-bezier(.19, 1, .22, 1)
}

.expandable.warning.open {
    top: 0;
    opacity: 1
}

.expandable.warning.open .expand_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

.expandable.warning.open .expand_trigger button, .expandable.warning.open .expand_trigger.link {
    justify-content: center
}

.expandable.warning.open:not(.toast):not(.disclaimer) .expand_content {
    overflow-y: auto;
    margin-bottom: unset
}

.expandable.warning.open.disclaimer, .expandable.warning.open.toast {
    justify-content: flex-end;
    border: none;
    background-color: rgba(250, 252, 255, .7);
    max-width: none
}

.expandable.warning.open.disclaimer {
    z-index: 3
}

@media screen and (max-width: 479px) {
    .expandable.warning.open.disclaimer .expand_content {
        margin: .9375rem;
        border-radius: .625rem;
        width: auto;
        box-shadow: 0 -1px 35px 0 rgba(0, 0, 0, .1)
    }
}

.breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    margin-right: auto;
    margin-top: .3125rem
}

.breadcrumbs.spaced {
    padding-bottom: 2.5rem
}

.breadcrumbs.spaced div:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 14px
}

.breadcrumbs.spaced div:last-child::before {
    left: 0
}

@media screen and (max-width: 991px) {
    .breadcrumbs.spaced {
        margin-top: 0;
        padding-bottom: .9375rem
    }
}

.breadcrumbs a, .breadcrumbs *:not(.h2) {
    padding: 0 .625rem;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    text-decoration: none;
    position: relative
}

.breadcrumbs a:not(.warning_text), .breadcrumbs *:not(.h2):not(.warning_text) {
    color: #a6a6a6
}

.breadcrumbs a:not(.is_first)::before, .breadcrumbs *:not(.h2):not(.is_first)::before {
    content: '>';
    color: #cacccf;
    position: absolute;
    left: -4px
}

.breadcrumbs a.is_first, .breadcrumbs *:not(.h2).is_first {
    padding-left: 0
}

.breadcrumbs a.has_after, .breadcrumbs *:not(.h2).has_after {
    margin-right: .625rem
}

.breadcrumbs a.has_after::after, .breadcrumbs *:not(.h2).has_after::after {
    content: '>';
    color: #cacccf;
    position: absolute;
    right: -4px
}

@media screen and (max-width: 479px) {
    .breadcrumbs {
        margin-top: 0
    }
}

.header_spacer {
    background-color: #fafcff;
    position: relative;
    z-index: 1;
    padding-top: .625rem
}

.header_shadow {
    position: fixed;
    z-index: 0;
    top: 0;
    width: 100%;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2);
    height: 60px
}

.header_content {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: rgba(250, 252, 255, .9);
    height: 60px;
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

.header_content .logo {
    margin-right: .625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.header_content .logo svg.icon_logo {
    width: 1.75rem;
    height: 1.75rem
}

.header_content .h2 {
    margin: 0 auto 0 0
}

.header_content .nav {
    font-weight: 500;
    margin-right: .625rem
}

.header_content .nav a:not(.button), .header_content .nav a:hover:not(.button), .header_content .nav .link {
    text-decoration: none;
    padding: .625rem 0;
    margin: 0 .625rem
}

.header_content .nav a:not(.button):hover, .header_content .nav a:not(.button).current, .header_content .nav a:hover:not(.button):hover, .header_content .nav a:hover:not(.button).current, .header_content .nav .link:hover, .header_content .nav .link.current {
    color: #253dd4;
    border-bottom: 2px solid #253dd4
}

.header_content .nav + button[data-trigger] {
    display: none
}

@media screen and (max-width: 991px) {
    .header_content .nav {
        display: none
    }

    .header_content .nav + button[data-trigger] {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.75rem;
        padding: 0 .625rem .625rem .625rem;
        margin-right: .625rem;
        font-size: 2.375rem;
        line-height: 1.1579;
        font-weight: 600
    }

    .header_content .nav + button[data-trigger] + a.shrink {
        padding: 0 1.25rem;
        height: 2.25rem
    }
}

.side_nav {
    position: fixed;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    width: 15.625rem
}

.side_nav .nav_header {
    margin: 3.75rem 0
}

.side_nav .nav_header .logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row
}

.side_nav .nav_header .logo .h2 {
    margin-bottom: 0
}

.side_nav .nav_footer {
    padding: .9375rem;
    margin-top: auto
}

.side_nav .nav_footer .watermark {
    margin: 1.875rem
}

.side_nav ~ .header_spacer, .side_nav ~ .header_content, .side_nav ~ .header_shadow {
    display: none
}

.side_nav ~ .main_content {
    padding-top: 3.125rem
}

.side_nav ~ .main_content, .side_nav ~ footer {
    margin-left: 15.625rem;
    background-color: #f4f7fd;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.side_nav .nav_links {
    width: 100%;
    padding: .9375rem 0 .9375rem .9375rem
}

.side_nav .nav_links .button {
    width: unset;
    margin-right: .9375rem;
    font-weight: 500
}

.side_nav .nav_links .button svg {
    left: 1.25rem
}

.side_nav .nav_links a:not(.button) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    height: 3.75rem;
    padding: 1.25rem;
    text-decoration: none;
    font-weight: 600;
    padding-right: 1.875rem
}

.side_nav .nav_links a:not(.button) svg {
    margin-right: .9375rem;
    width: 1.5625rem;
    height: 1.5625rem;
    margin-top: .125rem
}

.side_nav .nav_links a:not(.button).muted {
    opacity: .8;
    font-weight: 500
}

.side_nav .nav_links a:not(.button).muted:hover {
    opacity: 1
}

.side_nav .nav_links a:not(.button).current {
    background-color: #f4f7fd;
    border-radius: 1.875rem 0 0 1.875rem;
    position: relative
}

.side_nav .nav_links a:not(.button).current svg {
    fill: #333;
    stroke: #333
}

.side_nav .nav_links a:not(.button).current::before, .side_nav .nav_links a:not(.button).current::after {
    content: "";
    position: absolute;
    background-color: transparent;
    height: 3.75rem;
    width: 1.875rem;
    right: 0
}

.side_nav .nav_links a:not(.button).current::before {
    bottom: 3.75rem;
    border-bottom-right-radius: 1.875rem;
    box-shadow: 0 1.875rem 0 0 #f4f7fd
}

.side_nav .nav_links a:not(.button).current::after {
    top: 3.75rem;
    border-top-right-radius: 1.875rem;
    box-shadow: 0 -1.875rem 0 0 #f4f7fd
}

@media screen and (max-width: 991px) {
    .side_nav {
        display: none !important
    }

    .side_nav ~ .main_content {
        padding-top: 0
    }

    .side_nav ~ .main_content, .side_nav ~ footer {
        margin-left: unset;
        background-color: #fafcff;
        padding-right: 0;
        padding-left: 0
    }

    .side_nav ~ .header_spacer, .side_nav ~ .header_shadow {
        display: block
    }

    .side_nav ~ .header_content {
        display: flex
    }
}

.main_content a.pointer {
    margin-left: .9375rem
}

.main_content a.pointer + .spaced.distance {
    margin-top: .9375rem
}

.main_content ~ footer {
    flex-grow: 1;
    padding-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.main_content ~ footer > .container:first-child {
    margin-top: auto
}

.footer_content {
    color: #cacccf;
    background-color: #212121
}

.footer_content.condensed {
    margin-top: 5rem
}

.footer_content .hr {
    margin-bottom: .9375rem;
    padding: 2.5rem 0;
    border-bottom-color: rgba(202, 204, 207, .1)
}

.footer_content .round {
    background-color: rgba(202, 204, 207, .7)
}

.footer_content .round svg {
    fill: #212121;
    stroke: #212121
}

.footer_content .footer_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    align-items: start
}

.footer_content .footer_info h3 {
    margin-bottom: 1.25rem;
    font-size: 1.375rem;
    line-height: 1.2728;
    font-weight: 500
}

.footer_content .footer_info p {
    margin-bottom: 0
}

.footer_content .footer_info p:not(:last-child) {
    margin-bottom: .625rem
}

.footer_content .footer_info p:not(.caption) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.footer_content .footer_info .col > div:not(:last-child) {
    margin-right: 2.5rem
}

.footer_content .footer_info > div:not(:last-child) {
    margin-right: 1.25rem
}

.footer_content .footer_info .flex_center {
    width: 100%
}

.footer_content .flex_justify.reverse {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400
}

.footer_content .flex_justify.reverse a:hover {
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .footer_content .footer_info {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }

    .footer_content .footer_info .col {
        display: block
    }

    .footer_content .footer_info .col div:not(:last-child) {
        margin: 0;
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width: 479px) {
    .footer_content .flex_justify.reverse {
        flex-flow: column-reverse;
        margin-top: .625rem
    }

    .footer_content .flex_justify.reverse div {
        margin-bottom: .625rem
    }

    .footer_content .footer_info {
        display: block
    }

    .footer_content .footer_info > div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 2.5rem
    }

    .footer_content .footer_info .flex_justify {
        justify-content: start
    }
}

.footer_content .h5 {
    margin: 0
}

.footer_content a {
    text-decoration: none
}

.container {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.container.spaced {
    padding: .9375rem
}

.container.full_width {
    max-width: 1200px
}

.split_wrapper {
    margin-bottom: 1.875rem
}

.split_wrapper .split_section {
    display: grid;
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    margin: .9375rem
}

.split_wrapper .split_section > * {
    padding: .9375rem 0
}

.split_wrapper .split_section > * > .content_box:first-child {
    margin-top: 0
}

.split_wrapper .split_section .list_item, .split_wrapper .split_section .content_box {
    margin-right: 0;
    margin-left: 0
}

.split_wrapper .split_section .framed {
    margin-bottom: .9375rem
}

@media screen and (max-width: 991px) {
    .split_wrapper {
        margin-bottom: .9375rem
    }

    .split_wrapper .split_section {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1.875rem
    }

    .split_wrapper .split_section > * {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .split_wrapper .split_section {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1.875rem;
        grid-template-columns:1fr
    }
}

.split_content {
    display: grid;
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto
}

@media screen and (max-width: 991px) {
    .split_content {
        grid-column-gap: 1.875rem;
        grid-row-gap: 1.875rem
    }
}

@media screen and (max-width: 767px) {
    .split_content {
        grid-template-columns:1fr
    }
}

.split_content .wrap_word {
    word-break: break-all;
    white-space: unset
}

.content_box {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(33, 33, 33, .15), 0 3px 20px 0 rgba(33, 33, 33, .15);
    color: #333;
    margin: .9375rem;
    padding: 1.25rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column
}

.content_box + .content_box {
    margin-top: 0
}

.content_box .hr {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #f1f2f6
}

.content_box:empty {
    display: none
}

.content_box .list_item {
    margin: 0
}

.content_box .list_item:not(:last-child) span:not(.expanded) {
    border-bottom: 1px solid #f1f2f6
}

.list_item {
    margin: 0 .9375rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row
}

.list_item svg:not(.inline_icon) {
    margin-right: .9375rem;
    height: 3.4375rem
}

.list_item span {
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    width: 100%
}

.list_item span + span {
    width: auto
}

.list_item:not(:last-child) span:not(.expanded) {
    border-bottom: 1px solid rgba(33, 33, 33, .2)
}

.tab_wrapper {
    background-color: #f1f2f6;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .05)
}

.tab_wrapper .tab_trigger + label[for] {
    margin-bottom: 0;
    padding: 1.25rem;
    flex: 1;
    opacity: .8
}

.tab_wrapper .tab_trigger + label[for] span:not(.caption) {
    font-weight: 400;
    display: block;
    margin-top: 10px
}

.tab_wrapper .tab_trigger + label[for] svg:not([class^=action]) {
    height: 5rem;
    margin-bottom: .625rem;
    fill: #333;
    stroke: #333
}

.tab_wrapper .tab_trigger:checked + label[for] {
    background-color: #fff;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .05);
    opacity: 1
}

.tab_wrapper .tab_trigger:checked + label[for]:not(:first-of-type) {
    border-top-left-radius: 10px
}

.tab_wrapper .tab_trigger:checked + label[for]:not(:last-of-type) {
    border-top-right-radius: 10px
}

.tab_wrapper .tab_content {
    background-color: #fff;
    padding: 1.25rem;
    width: 100%;
    flex-direction: column;
    display: none
}

.tab_wrapper #Tab_1.tab_trigger:checked ~ .tab_content[data-tab=Tab_1], .tab_wrapper #Tab_2.tab_trigger:checked ~ .tab_content[data-tab=Tab_2], .tab_wrapper #Tab_3.tab_trigger:checked ~ .tab_content[data-tab=Tab_3] {
    display: flex
}

.box_tag {
    color: #253dd4;
    background-color: #fff;
    font-size: 1.125rem;
    line-height: 1.3334;
    font-weight: 400;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    border: 1px solid #253dd4;
    border-radius: 1.25rem;
    box-shadow: 1px 1px 5px 0 rgba(37, 61, 212, .5)
}

.bullets {
    margin-bottom: 1.25rem
}

.bullets > * {
    line-height: 1.875rem;
    position: relative;
    margin-left: 1.25rem
}

.bullets > *::before {
    content: '•';
    left: -1.25rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute
}

.framed {
    border: 2px solid rgba(37, 61, 212, .3);
    border-radius: .625rem;
    padding: 1.25rem;
    position: relative
}

.framed .box_tag {
    position: absolute;
    top: -1.25rem
}

.framed .box_tag + * {
    margin-top: 1.25rem
}

.framed .hr {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem
}

.framed .list_item {
    margin: 0
}

.admin_box {
    border-radius: .625rem;
    padding: 1.25rem;
    border: 2px dashed #dc3545;
    background-color: rgba(220, 53, 69, .2)
}

.admin_box.button {
    color: #212121;
    font-weight: 600;
    box-shadow: none
}

.plan_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 2.5rem 0 1.25rem 0;
    width: 100%
}

.plan_box + .plan_box {
    margin-top: 1.25rem
}

.plan_box h1.flex_justify {
    margin-bottom: .625rem
}

.plan_box .price {
    color: #253dd4
}

.plan_box .price sub {
    bottom: 0
}

.plan_box span.price {
    margin-left: 1.25rem
}

.plan_box .price_alert {
    height: 1.875rem;
    line-height: 1.875rem;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #fff;
    background-color: #dc3545;
    margin-bottom: 1.25rem;
    position: relative
}

.plan_box .price_alert::before, .plan_box .price_alert::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0
}

.plan_box .price_alert::before {
    border-width: .9375rem 0 .9375rem 7px;
    border-color: transparent transparent transparent #fff;
    left: 0
}

.plan_box .price_alert::after {
    border-width: .9375rem 7px .9375rem 0;
    border-color: transparent #fff transparent transparent;
    right: 0
}

.card_preview .profile_image {
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #a6a6a6;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #fafcff
}

.card_preview .profile_image:hover {
    text-decoration: none;
    color: transparent
}

.card_preview .profile_image.compact {
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem
}

.card_preview .profile_image + .profile_actions {
    margin-left: 1.25rem
}

.card_preview .profile_actions {
    width: 100%
}

.card_preview .profile_info {
    overflow: hidden;
    width: 100%;
    position: relative
}

.card_preview .profile_info input.custom {
    border: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0
}

.card_preview .profile_info input.custom::placeholder {
    color: #a6a6a6
}

.card_preview .profile_info input.custom:placeholder-shown + svg.icon_close {
    height: 0
}

.card_preview .profile_info input.custom:not([disabled]) {
    border-bottom-color: #cacccf
}

.card_preview .profile_info input.custom:disabled {
    color: #333;
    opacity: unset
}

.card_preview .profile_info svg.icon_nfc {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: 0
}

.card_preview .profile_info + div {
    margin-top: .9375rem
}

.input_toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    height: 3.125rem;
    border: 1px solid #cacccf
}

.input_toolbar > label, .input_toolbar > button, .input_toolbar > .button {
    border: none;
    border-radius: 0;
    margin: 0 !important;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400
}

.input_toolbar > label:not(:last-child), .input_toolbar > button:not(:last-child), .input_toolbar > .button:not(:last-child) {
    border-right: 1px solid #cacccf
}

.input_toolbar > label:hover, .input_toolbar > button:hover, .input_toolbar > .button:hover {
    background-color: #fafcff;
    background-image: unset;
    border-top: 1px solid #cacccf;
    border-bottom: 1px solid #cacccf
}

.input_toolbar .button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    padding: 0 .625rem;
    flex-grow: 1;
    border-top: 1px solid #cacccf;
    border-bottom: 1px solid #cacccf;
    position: relative
}

.input_toolbar .button span {
    padding-right: .3125rem
}

.input_toolbar .muted, .input_toolbar .muted:hover {
    background-color: #fafcff;
    background-image: unset;
    opacity: .5
}

.fullscreen_overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5
}

.loader {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(250, 252, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    top: 100%;
    opacity: 0
}

.theme_dark .loader {
    background-color: rgba(33, 33, 33, .9)
}

.loader animation, .loader .container {
    display: none
}

.loader.open {
    top: 0;
    opacity: 1;
    align-items: flex-end
}

.loader.open .container {
    display: block
}

.loader.active:not(.open) {
    top: 0;
    opacity: 1
}

.loader.active:not(.open) .animation {
    width: 64px;
    height: 64px;
    display: inline-block;
    position: relative
}

.loader.active:not(.open) .animation div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #212121;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.theme_dark .loader.active:not(.open) .animation div {
    background: #fff
}

.loader.active:not(.open) .animation div:nth-child(1) {
    left: 6px;
    animation: animation_loader1 .6s infinite
}

.loader.active:not(.open) .animation div:nth-child(2) {
    left: 6px;
    animation: animation_loader2 .6s infinite
}

.loader.active:not(.open) .animation div:nth-child(3) {
    left: 26px;
    animation: animation_loader2 .6s infinite
}

.loader.active:not(.open) .animation div:nth-child(4) {
    left: 45px;
    animation: animation_loader3 .6s infinite
}

.field-validation-error:not(:empty) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #dc3545;
    position: relative;
    top: -.9375rem;
    display: block
}

.validation-summary-errors:not(:empty) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #dc3545;
    border: 2px solid #dc3545;
    border-radius: .3125rem;
    padding: .625rem;
    margin-top: .3125rem;
    margin-bottom: .9375rem
}

.validation-summary-errors:not(:empty) ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.validation-summary-errors:not(:empty) .warning_symbol {
    font-size: 2.375rem;
    line-height: 1.1579;
    font-weight: 600
}

.validation-summary-errors:not(:empty) .warning_symbol:first-child {
    margin-top: .625rem
}

span[data-valmsg-for] + button[type=submit] {
    margin-top: 1.25rem
}

button[type=submit]:not(:last-child) {
    margin-bottom: 0
}

button[type=submit]:not(:last-child) + * {
    margin-top: 1.25rem
}

.grecaptcha-badge {
    visibility: hidden
}

@-webkit-keyframes animation_loader1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-moz-keyframes animation_loader1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-ms-keyframes animation_loader1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-o-keyframes animation_loader1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes animation_loader1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes animation_loader3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@-moz-keyframes animation_loader3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@-ms-keyframes animation_loader3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@-o-keyframes animation_loader3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes animation_loader3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@-webkit-keyframes animation_loader2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(19px, 0);
        -moz-transform: translate(19px, 0);
        -ms-transform: translate(19px, 0);
        -o-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

@-moz-keyframes animation_loader2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(19px, 0);
        -moz-transform: translate(19px, 0);
        -ms-transform: translate(19px, 0);
        -o-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

@-ms-keyframes animation_loader2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(19px, 0);
        -moz-transform: translate(19px, 0);
        -ms-transform: translate(19px, 0);
        -o-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

@-o-keyframes animation_loader2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(19px, 0);
        -moz-transform: translate(19px, 0);
        -ms-transform: translate(19px, 0);
        -o-transform: translate(19px, 0);
        transform: translate(19px, 0);
    }
}

@keyframes animation_loader2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(19px, 0);
        -moz-transform: translate(19px, 0);
        -ms-transform: translate(19px, 0);
        -o-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

@-webkit-keyframes animation_slideup {
    0% {
        bottom: -100%
    }
    70% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@-moz-keyframes animation_slideup {
    0% {
        bottom: -100%
    }
    70% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@-ms-keyframes animation_slideup {
    0% {
        bottom: -100%
    }
    70% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@-o-keyframes animation_slideup {
    0% {
        bottom: -100%;
    }
    70% {
        bottom: -100%;
    }
    100% {
        bottom: 0;
    }
}

@keyframes animation_slideup {
    0% {
        bottom: -100%
    }
    70% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@-webkit-keyframes animation_slideleft_jump {
    0% {
        right: -100%
    }
    60% {
        right: -100%
    }
    80% {
        right: 5%
    }
    100% {
        right: 0
    }
}

@-moz-keyframes animation_slideleft_jump {
    0% {
        right: -100%
    }
    60% {
        right: -100%
    }
    80% {
        right: 5%
    }
    100% {
        right: 0
    }
}

@-ms-keyframes animation_slideleft_jump {
    0% {
        right: -100%
    }
    60% {
        right: -100%
    }
    80% {
        right: 5%
    }
    100% {
        right: 0
    }
}

@-o-keyframes animation_slideleft_jump {
    0% {
        right: -100%;
    }
    60% {
        right: -100%;
    }
    80% {
        right: 5%;
    }
    100% {
        right: 0;
    }
}

@keyframes animation_slideleft_jump {
    0% {
        right: -100%
    }
    60% {
        right: -100%
    }
    80% {
        right: 5%
    }
    100% {
        right: 0
    }
}

@-webkit-keyframes animation_rotate_bg {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes animation_rotate_bg {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-ms-keyframes animation_rotate_bg {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-o-keyframes animation_rotate_bg {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes animation_rotate_bg {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.delimited_actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    align-items: start
}

.delimited_actions button, .delimited_actions a {
    padding: .625rem
}

.delimited_actions button:first-child, .delimited_actions a:first-child {
    padding-left: 0
}

.delimited_actions button:not(:first-child), .delimited_actions a:not(:first-child) {
    position: relative
}

.delimited_actions button:not(:first-child)::before, .delimited_actions a:not(:first-child)::before {
    content: '|';
    color: #cacccf;
    position: absolute;
    left: -1px
}

.table_filter_row {
    background-color: #212121;
    color: #cacccf
}

.table_filter_row .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    flex-wrap: wrap
}

.table_filter_row .container .search_box {
    margin: 0;
    width: 12.5rem;
    margin-left: auto
}

.table_filter_row .container .search_box input {
    color: #fff
}

.table_filter_row .container .search_box svg.icon_close {
    stroke: #fff
}

.control_list {
    display: flex;
    align-items: center;
    justify-content: center
}

.control_list:not(:last-child) {
    padding-right: .625rem
}

.control_list:not(:first-child) {
    padding-left: .625rem;
    border-left: 1px solid #a6a6a6
}

.control_list button:not(.link), .control_list input, .control_list select {
    margin-bottom: 0;
    height: 2.5rem
}

.control_list button:not(.link) {
    margin: 0 .3125rem;
    padding: 0 .625rem;
    line-height: 2.5rem
}

.control_list input, .control_list select {
    padding: .3125rem;
    width: 3.125rem
}

.control_list input[type=date], .control_list input[type=time], .control_list select[type=date], .control_list select[type=time] {
    width: 9.375rem
}

.control_list > span, .control_list > div {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    padding: 0 .3125rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.control_list > span:last-child, .control_list > div:last-child {
    padding-right: 0
}

@media screen and (max-width: 479px) {
    .control_list input[type=date] {
        width: 100%;
        max-width: 45%
    }

    .control_list:first-child {
        margin-bottom: .9375rem
    }

    .control_list:not(:last-child) {
        padding-right: 0
    }

    .control_list:not(:first-child) {
        padding-left: 0;
        border-left: unset
    }
}

.card_display {
    min-height: 300px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin: 3.75rem auto 1.875rem auto;
    border-radius: 20px;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid rgba(33, 33, 33, .15);
    padding-bottom: .9375rem
}

.card_display .expandable:last-child .expand_trigger.list_item span {
    border: none
}

.card_display .content_box {
    background-color: #f1f2f6;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2)
}

.theme_light .card_display .expandable .expand_trigger.list_item span {
    border-bottom-color: rgba(51, 51, 51, .2)
}

.theme_light .card_display .expandable .expand_trigger.list_item svg {
    stroke: #333;
    fill: #333
}

.theme_light .card_display .expandable.open .expand_trigger.list_item span {
    color: #333
}

.theme_light .card_display .content_links:not(:empty) + .content_section_wrapper[data-type=link]:not(:empty) {
    border-top: 1px solid rgba(51, 51, 51, .2)
}

.theme_dark .card_display {
    background-color: #212121;
    border-color: rgba(250, 252, 255, .2)
}

.theme_dark .card_display .expandable .expand_trigger.list_item span {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.theme_dark .card_display .expandable .expand_trigger.list_item svg {
    stroke: #fff;
    fill: #fff
}

.theme_dark .card_display .expandable.open .expand_trigger.list_item span {
    color: #fff
}

.theme_dark .card_display .content_links:not(:empty) + .content_section_wrapper[data-type=link]:not(:empty) {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

@media screen and (max-width: 479px) {
    .card_display {
        border: none;
        border-radius: 0;
        max-width: 100%;
        min-height: 100vh;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 4.375rem
    }
}

.card_display + .container.hide_mobile {
    margin-bottom: 4.375rem
}

.card_display .brand_wrapper {
    position: relative
}

.card_display .brand_wrapper [data-art], .card_display .brand_wrapper .art_gradient, .card_display .brand_wrapper .bg_image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 0;
    max-height: 300px
}

.card_display .brand_wrapper .art_gradient {
    margin-top: 1px;
    background-image: linear-gradient(0deg, #212121 5%, rgba(33, 33, 33, 0) 50%)
}

.card_display .brand_wrapper [data-art]:not(.active) {
    display: none
}

.card_display .brand_wrapper .bg_image {
    /*display: none*/
}

.card_display .brand_wrapper .bg_image[style*="url"] {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.card_display .brand_wrapper .brand_content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: .9375rem
}

.card_display .brand_wrapper .profile_image {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: 2.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover
}

.card_display .brand_wrapper .profile_image[style*="url"] {
    border: 1px solid #fafcff
}

.card_display .brand_wrapper .profile_image.collapse:not(.default_avatar) {
    height: unset;
    width: unset;
    margin-top: 0
}

.card_display .brand_wrapper .profile_image.default_avatar {
    margin-bottom: .75rem;
    background-image: url("data:image/svg+xml;utf8,<svg height='44' viewBox='0 0 44 44' width='44' xmlns='http://www.w3.org/2000/svg'><circle cx='22' cy='22' r='22' fill='rgb(241,241,239)' /><path fill='rgb(210,211,211)' d='M22 27a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM7.15 38.253c0-5.514 4.47-9.985 9.984-9.985h9.708c5.515 0 9.985 4.47 9.985 9.985C32.617 42.084 27.674 44 22 44c-5.674 0-10.624-1.916-14.85-5.747Z' /></svg>")
}

.card_display .brand_wrapper.editable .hide_edit {
    display: none
}

.card_display .brand_wrapper.editable .edit_actions {
    position: relative;
    padding: 0 .9375rem
}

.card_display .brand_wrapper.editable .edit_actions .flex_justify {
    margin-top: .9375rem
}

.card_display .brand_wrapper.editable .edit_actions .flex_justify button, .card_display .brand_wrapper.editable .edit_actions .flex_justify .button {
    height: 2.75rem
}

.card_display .brand_wrapper.editable .edit_actions input {
    font-size: 1.375rem;
    line-height: 1.2728;
    font-weight: 500
}

.card_display .brand_wrapper.editable .edit_actions textarea {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0
}

.card_display .brand_wrapper.editable .edit_actions textarea.caption {
    font-size: 1.375rem;
    line-height: 1.2728;
    font-weight: 500;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card_display .brand_wrapper.editable .edit_actions textarea + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card_display .brand_wrapper.editable .edit_actions input, .card_display .brand_wrapper.editable .edit_actions textarea {
    color: #333;
    background-color: transparent;
    border: 1px dashed rgba(33, 33, 33, .5);
    text-align: center
}

.card_display .brand_wrapper.editable .edit_actions input::placeholder, .card_display .brand_wrapper.editable .edit_actions textarea::placeholder {
    color: #333
}

.theme_dark .card_display .brand_wrapper.editable .edit_actions input, .theme_dark .card_display .brand_wrapper.editable .edit_actions textarea {
    color: #fff;
    border-color: rgba(250, 252, 255, .5)
}

.theme_dark .card_display .brand_wrapper.editable .edit_actions input::placeholder, .theme_dark .card_display .brand_wrapper.editable .edit_actions textarea::placeholder {
    color: #fff
}

.card_display .brand_wrapper.editable .brand_action {
    position: absolute;
    z-index: 2;
    top: .9375rem;
    left: .9375rem;
    width: 3.75rem;
    height: 2.5rem
}

.card_display .brand_wrapper.editable .brand_action svg {
    position: initial;
    width: 1.25rem;
    height: 1.25rem;
    fill: #253dd4
}

.card_display .brand_wrapper.editable .profile_image:not(.disabled) {
    cursor: pointer;
    border: 1px dashed rgba(33, 33, 33, .5);
    position: relative;
    margin-bottom: .75rem
}

.card_display .brand_wrapper.editable .profile_image:not(.disabled) label[for] {
    line-height: 0
}

.theme_dark .card_display .brand_wrapper.editable .profile_image:not(.disabled) {
    border-color: rgba(250, 252, 255, .5)
}

.card_display .brand_wrapper.editable .profile_image:not(.disabled) .remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .5));
    background-color: #fafcff;
    margin: 0;
    color: #333
}

.view_mode .card_display .brand_wrapper.editable .edit_actions, .view_mode .card_display .brand_wrapper.editable .brand_action, .view_mode .card_display .brand_wrapper.editable label, .view_mode .card_display .brand_wrapper.editable .remove {
    display: none !important
}

.view_mode .card_display .brand_wrapper.editable .hide_edit {
    display: block
}

.view_mode .card_display .brand_wrapper.editable .profile_image {
    cursor: default;
    border: none;
    margin: 2.1875rem
}

.view_mode .card_display .brand_wrapper.editable .profile_image[style*="url"] {
    border: 1px solid #fafcff
}

.view_mode .card_display .brand_wrapper.editable .profile_image.collapse:not(.default_avatar) {
    margin-top: 0
}

.view_mode .hide_preview {
    display: none
}

.editor .expand_content {
    padding-bottom: 1.25rem
}

.editor.fullscreen label {
    font-weight: 500
}

.editor.fullscreen input {
    border: none
}

.editor.fullscreen h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin: 1.25rem auto;
    border-bottom: none
}

.editor.fullscreen button:not(.link) {
    margin: 1.25rem 0
}

.editor .show_sort {
    border-radius: 10px;
    padding-left: 1.875rem
}

.editor .show_sort .sortable {
    position: relative
}

.editor .show_sort .sortable.expanded {
    overflow: visible
}

.editor .edit_field {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.editor .edit_field:not(.field_actions) {
    max-height: 51px
}

.editor .edit_field:first-child, .editor .edit_field:first-child input {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.editor .edit_field:first-child svg:not(:last-child), .editor .edit_field:first-child input svg:not(:last-child) {
    background-color: transparent
}

.editor .edit_field:last-child:not(.field_actions), .editor .edit_field:last-child input {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.editor .edit_field:last-child:not(.field_actions) svg, .editor .edit_field:last-child input svg {
    background-color: transparent
}

.editor .edit_field input {
    border: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .9375rem 0;
    border-radius: 0
}

.editor .edit_field input::placeholder {
    color: #a6a6a6
}

.editor .edit_field input:placeholder-shown + svg.icon_close {
    height: 0
}

.editor .edit_field svg.icon_close {
    width: 3.125rem;
    height: 3.125rem;
    padding: .3125rem
}

.editor .edit_field:not(:last-child) {
    border-bottom: 1px solid #f1f2f6
}

.editor .edit_field:not(:last-child).expanded {
    border: none
}

.editor .edit_field:not(:last-child).expanded.edit_field.sortable .iti, .editor .edit_field:not(:last-child).expanded.edit_field.sortable .icon_close {
    border-bottom: 1px solid #f1f2f6
}

.editor .edit_field svg:not(:last-child) {
    width: 3.6875rem;
    height: 3.3125rem;
    padding: .625rem;
    background-color: #fff
}

.editor .edit_field .iti {
    display: block;
    width: 100%
}

.editor .edit_field.field_actions [type=checkbox] + label[for] {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400
}

.editor .edit_field.field_actions div {
    padding-bottom: .625rem;
    border-bottom: 1px solid #f1f2f6;
    width: 100%;
    margin-left: 3.125rem
}

.editor .edit_section {
    border-radius: .625rem;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    margin-bottom: .9375rem;
    background-color: #fff
}

.editor .edit_section input, .editor .edit_section textarea {
    border: none;
    margin: 0;
    padding: 0
}

.editor .edit_section input {
    border: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.editor .edit_section input::placeholder {
    color: #a6a6a6
}

.editor .edit_section input:placeholder-shown + svg.icon_close {
    height: 0
}

.editor .edit_section input:placeholder-shown + svg.icon_close {
    height: 3.125rem
}

.editor .edit_section svg {
    width: 3.125rem;
    height: 3.125rem;
    padding: .3125rem
}

.editor .edit_section .edit_section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    border-bottom: 1px solid #f1f2f6;
    padding: 0;
    height: 3.1875rem;
    max-height: 51px
}

.editor .edit_section .edit_section_header input {
    margin-left: .9375rem
}

.editor .edit_section .edit_section_content {
    padding: .9375rem
}

.editor .edit_section[data-type=link] {
    display: flex
}

.editor .edit_section[data-type=link] > div {
    width: 100%
}

.editor .edit_section button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-right: 1px solid #f1f2f6;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.editor .edit_section button svg {
    width: 3.6875rem;
    height: 3.3125rem;
    padding: .625rem;
    margin-bottom: 1.25rem
}

.editor .edit_section button::after {
    content: '▾';
    position: absolute;
    bottom: 10px;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600
}

@media screen and (max-width: 479px) {
    .editor .edit_field, .editor .edit_section, .editor input {
        border-radius: 0 !important
    }

    .editor h4, .editor p, .editor .container > label, .editor .validation-summary-errors {
        padding: 0 .9375rem
    }

    .editor .show_sort {
        padding-left: 2.8125rem
    }

    .editor .framed {
        margin: .9375rem
    }
}

.visible_actions {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(241, 242, 246, .9);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #333;
    top: auto;
    border-top: 1px solid rgba(33, 33, 33, .15);
    animation: animation_slideup 2s cubic-bezier(.19, 1, .22, 1)
}

.full_layout .visible_actions {
    z-index: 2
}

.visible_actions.open .container.expand_content {
    padding-top: 0
}

.visible_actions.open .container:not(.expand_content) {
    display: flex;
    height: 3.125rem
}

.visible_actions.open .container:not(.expand_content)::after {
    content: 'Close';
    position: absolute;
    color: #253dd4;
    z-index: -1;
    width: 100%;
    text-align: center
}

.visible_actions.open .container:not(.expand_content) button, .visible_actions.open .container:not(.expand_content) a, .visible_actions.open .container:not(.expand_content) a:hover {
    opacity: 0
}

.visible_actions.open .container:not(.expand_content) button:not(.expand_trigger), .visible_actions.open .container:not(.expand_content) a:not(.expand_trigger), .visible_actions.open .container:not(.expand_content) a:hover:not(.expand_trigger) {
    display: none
}

.visible_actions.open.tabs {
    z-index: 6
}

@media screen and (max-width: 479px) {
    .visible_actions.display_mobile ~ .footer_content {
        padding-bottom: 4.375rem
    }
}

.visible_actions .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    position: relative
}

.visible_actions .container.collapse {
    display: none
}

.visible_actions .container.expand_trigger.expand_content {
    flex-flow: column
}

.visible_actions .container button:not(.classic), .visible_actions .container a:not(.classic), .visible_actions .container a:not(.classic):hover {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: unset;
    color: #333;
    fill: #333;
    stroke: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    width: 100%;
    height: 40px;
    margin: .9375rem 0;
    padding: 0 .9375rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-weight: 500
}

.visible_actions .container button:not(.classic) svg, .visible_actions .container a:not(.classic) svg, .visible_actions .container a:not(.classic):hover svg {
    position: absolute;
    left: unset;
    top: -5px
}

.visible_actions .container button:not(.classic):not(:first-child), .visible_actions .container a:not(.classic):not(:first-child), .visible_actions .container a:not(.classic):hover:not(:first-child) {
    border-left: 1px solid #cacccf
}

.visible_actions .container button:not(.classic).display_none:first-child + *, .visible_actions .container a:not(.classic).display_none:first-child + *, .visible_actions .container a:not(.classic):hover.display_none:first-child + * {
    border-left: unset
}

.visible_actions .container button:not(.classic).display_mobile, .visible_actions .container a:not(.classic).display_mobile, .visible_actions .container a:not(.classic):hover.display_mobile {
    display: none
}

@media screen and (max-width: 479px) {
    .visible_actions .container button:not(.classic).display_mobile, .visible_actions .container a:not(.classic).display_mobile, .visible_actions .container a:not(.classic):hover.display_mobile {
        display: flex
    }
}

.visible_actions .container.editor {
    max-width: 700px;
    margin: auto
}

.visible_actions .container.editor .tab_wrapper {
    width: 100%
}

.visible_actions .container.editor .tab_wrapper .tab_content {
    height: 7.5rem;
    padding: 1.25rem 0
}

.visible_actions .container.editor .tab_wrapper .radio_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden
}

.visible_actions .container.editor .tab_wrapper .radio_container.x_scroll {
    justify-content: flex-start
}

.visible_actions .container.editor .tab_wrapper .radio_container .splited {
    border-right: 1px solid #cacccf;
    padding-right: .9375rem;
    margin-right: .3125rem
}

.visible_actions .container.editor .tab_wrapper .radio_container .splited button {
    height: 1.875rem;
    width: 5rem;
    border-width: 2px;
    box-shadow: none
}

.visible_actions .container.editor .tab_wrapper .radio_container label {
    cursor: pointer;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 0;
    box-shadow: none
}

.visible_actions .container.editor .tab_wrapper .radio_container label:hover {
    text-decoration: none
}

.visible_actions .container.editor .tab_wrapper .radio_container label:not(:nth-child(2)) {
    margin-left: .625rem
}

.visible_actions .container.editor .tab_wrapper .radio_container label:not(:nth-child(2)):not(.square) {
    margin-left: 1.25rem
}

.visible_actions .container.editor .tab_wrapper .radio_container label.square {
    border: 3px solid #253dd4;
    border-radius: .625rem
}

.visible_actions .container.editor .tab_wrapper .radio_container svg.square {
    fill: none;
    stroke: #253dd4
}

.visible_actions .container.editor .tab_wrapper .radio_container input[type=radio]:checked + label.square {
    background-color: #253dd4;
    color: #fafcff
}

.visible_actions .container.editor .tab_wrapper .radio_container input[type=radio]:checked + label svg.square {
    fill: #253dd4
}

.visible_actions .container.editor .tab_wrapper .radio_container .cubed {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap
}

.visible_actions .container.editor .tab_wrapper .radio_container .cubed:not(:nth-child(1)) {
    margin-left: .625rem
}

.visible_actions .container.editor .tab_wrapper .radio_container .cubed label[for].square {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    width: 2.1875rem;
    min-width: 2.1875rem;
    height: 2.1875rem;
    margin-left: 0
}

.visible_actions .container.editor .tab_wrapper .radio_container .cubed label[for].square:nth-child(6), .visible_actions .container.editor .tab_wrapper .radio_container .cubed label[for].square:nth-child(8) {
    margin-top: .625rem
}

.visible_actions .tab_wrapper {
    background-color: transparent
}

.visible_actions .tab_wrapper .tab_trigger + label[for] {
    padding-bottom: .625rem
}

.visible_actions .tab_wrapper .tab_trigger + label[for] span:not(.caption) {
    font-weight: 500;
    margin-top: 0
}

.visible_actions .tab_wrapper .tab_trigger:not(:checked) + label[for] svg {
    fill: #333
}

.visible_actions .tab_wrapper .tab_content {
    padding-top: 1.875rem
}

.flex_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.flex_wrapper .icon_wrapper {
    width: 5rem;
    padding: .625rem;
    margin: .125rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.flex_wrapper .icon_wrapper svg {
    width: 2.8125rem;
    height: 2.8125rem;
    margin-bottom: .125rem
}

.flex_wrapper .icon_wrapper.condensed {
    width: 3.125rem
}

.flex_wrapper .icon_wrapper.condensed svg {
    width: 2.5rem;
    height: 2.5rem
}

.content_links, .content_section_wrapper {
    margin: 0 .9375rem;
    padding-top: .9375rem
}

.content_links .link_wrapper, .content_section_wrapper .link_wrapper {
    text-decoration: none;
    margin-bottom: .9375rem
}

.content_links .link_wrapper .link_icon, .content_section_wrapper .link_wrapper .link_icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.content_links .link_wrapper:hover, .content_section_wrapper .link_wrapper:hover {
    text-decoration: none
}

.content_links.Box .link_wrapper, .content_links.Line .link_wrapper, .content_links.content_links.Circle .link_icon, .content_links.content_section_wrapper.Circle .link_wrapper, .content_section_wrapper.Box .link_wrapper, .content_section_wrapper.Line .link_wrapper, .content_section_wrapper.content_links.Circle .link_icon, .content_section_wrapper.content_section_wrapper.Circle .link_wrapper {
    background-color: #f1f2f6;
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2)
}

.content_links.Box .link_wrappera, .content_links.Box .link_wrapperspan, .content_links.Line .link_wrappera, .content_links.Line .link_wrapperspan, .content_links.content_links.Circle .link_icona, .content_links.content_links.Circle .link_iconspan, .content_links.content_section_wrapper.Circle .link_wrappera, .content_links.content_section_wrapper.Circle .link_wrapperspan, .content_section_wrapper.Box .link_wrappera, .content_section_wrapper.Box .link_wrapperspan, .content_section_wrapper.Line .link_wrappera, .content_section_wrapper.Line .link_wrapperspan, .content_section_wrapper.content_links.Circle .link_icona, .content_section_wrapper.content_links.Circle .link_iconspan, .content_section_wrapper.content_section_wrapper.Circle .link_wrappera, .content_section_wrapper.content_section_wrapper.Circle .link_wrapperspan {
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2)
}

.content_links.Box .link_wrapper:not(a):not(span), .content_links.Line .link_wrapper:not(a):not(span), .content_links.content_links.Circle .link_icon:not(a):not(span), .content_links.content_section_wrapper.Circle .link_wrapper:not(a):not(span), .content_section_wrapper.Box .link_wrapper:not(a):not(span), .content_section_wrapper.Line .link_wrapper:not(a):not(span), .content_section_wrapper.content_links.Circle .link_icon:not(a):not(span), .content_section_wrapper.content_section_wrapper.Circle .link_wrapper:not(a):not(span) {
    border: 1px dashed rgba(33, 33, 33, .5);
    box-shadow: none
}

.view_mode .content_links.Box .link_wrapper:not(a):not(span), .view_mode .content_links.Line .link_wrapper:not(a):not(span), .view_mode .content_links.content_links.Circle .link_icon:not(a):not(span), .view_mode .content_links.content_section_wrapper.Circle .link_wrapper:not(a):not(span), .view_mode .content_section_wrapper.Box .link_wrapper:not(a):not(span), .view_mode .content_section_wrapper.Line .link_wrapper:not(a):not(span), .view_mode .content_section_wrapper.content_links.Circle .link_icon:not(a):not(span), .view_mode .content_section_wrapper.content_section_wrapper.Circle .link_wrapper:not(a):not(span) {
    box-shadow: 1px 1px 5px 0 rgba(51, 51, 51, .2);
    border: none
}

.content_links.content_section_wrapper .link_wrapper, .content_section_wrapper.content_section_wrapper .link_wrapper {
    width: 100%;
    border-radius: 3.75rem;
    padding: .9375rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    color: #333
}

.content_links.content_section_wrapper .link_wrapper svg, .content_section_wrapper.content_section_wrapper .link_wrapper svg {
    margin-right: .625rem
}

.content_links.content_section_wrapper .link_wrapper .link_desc, .content_section_wrapper.content_section_wrapper .link_wrapper .link_desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content_links.content_section_wrapper.Box .link_wrapper, .content_section_wrapper.content_section_wrapper.Box .link_wrapper {
    border-radius: .625rem
}

.content_links.content_section_wrapper .transparent:last-child, .content_section_wrapper.content_section_wrapper .transparent:last-child {
    margin-bottom: 1.25rem
}

.content_links.content_section_wrapper[data-type=box], .content_section_wrapper.content_section_wrapper[data-type=box] {
    margin-right: 0;
    margin-left: 0
}

.content_links.content_section_wrapper .expand_trigger > span, .content_section_wrapper.content_section_wrapper .expand_trigger > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content_links.content_links, .content_section_wrapper.content_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.content_links.content_links.Box .link_wrapper, .content_section_wrapper.content_links.Box .link_wrapper {
    flex-grow: 1;
    flex-flow: column;
    width: 40%;
    max-width: 48%;
    border-radius: .625rem;
    padding: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333
}

.content_links.content_links.Box .link_wrapper:nth-child(2n), .content_section_wrapper.content_links.Box .link_wrapper:nth-child(2n) {
    margin-left: .9375rem
}

.content_links.content_links.Box .link_wrapper svg, .content_section_wrapper.content_links.Box .link_wrapper svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .3125rem
}

.content_links.content_links.Circle .link_wrapper, .content_section_wrapper.content_links.Circle .link_wrapper {
    flex-flow: column;
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center
}

.content_links.content_links.Circle .link_wrapper .link_icon, .content_section_wrapper.content_links.Circle .link_wrapper .link_icon {
    border-radius: 50%;
    padding: 1.25rem
}

.warning .content_links.content_links.Circle .link_wrapper .link_icon, .warning .content_section_wrapper.content_links.Circle .link_wrapper .link_icon {
    background-color: #fff
}

.content_links.content_links.Circle .link_wrapper .link_icon svg, .content_section_wrapper.content_links.Circle .link_wrapper .link_icon svg {
    width: 2.5rem;
    height: 2.5rem
}

.content_links.content_links.Circle .link_wrapper .link_desc, .content_section_wrapper.content_links.Circle .link_wrapper .link_desc {
    color: #333;
    margin-top: .3125rem
}

.theme_dark .content_links.content_links.Circle .link_wrapper .link_desc, .theme_dark .content_section_wrapper.content_links.Circle .link_wrapper .link_desc {
    color: #fff
}

.content_links.content_links.Line .link_wrapper, .content_section_wrapper.content_links.Line .link_wrapper {
    width: 100%;
    border-radius: 3.75rem;
    padding: .9375rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    color: #333
}

.content_links.content_links.Line .link_wrapper .link_desc, .content_section_wrapper.content_links.Line .link_wrapper .link_desc {
    flex: .9;
    display: flex;
    align-items: center;
    justify-content: center
}

.content_links:not(.inactive):empty, .content_section_wrapper:not(.inactive):empty {
    display: none
}

.content_links:not(.inactive):not(:empty) ~ .content_links.inactive .link_wrapper, .content_section_wrapper:not(.inactive):not(:empty) ~ .content_links.inactive .link_wrapper {
    display: none
}

.content_links:not(.inactive):not(:empty) ~ .content_links.inactive button, .content_section_wrapper:not(.inactive):not(:empty) ~ .content_links.inactive button {
    display: block
}

.view_mode .content_links.inactive, .view_mode .content_section_wrapper.inactive {
    display: none
}

.content_links.inactive button, .content_section_wrapper.inactive button {
    display: none
}

.content_links.inactive.Box .link_wrapper, .content_links.inactive.Line .link_wrapper, .content_links.inactive.Circle .link_icon, .content_section_wrapper.inactive.Box .link_wrapper, .content_section_wrapper.inactive.Line .link_wrapper, .content_section_wrapper.inactive.Circle .link_icon {
    background-color: transparent
}

.content_links.inactive.Box .link_wrapper:not(a):not(span), .content_links.inactive.Line .link_wrapper:not(a):not(span), .content_links.inactive.Circle .link_icon:not(a):not(span), .content_section_wrapper.inactive.Box .link_wrapper:not(a):not(span), .content_section_wrapper.inactive.Line .link_wrapper:not(a):not(span), .content_section_wrapper.inactive.Circle .link_icon:not(a):not(span) {
    border-color: rgba(33, 33, 33, .5)
}

.theme_dark .content_links.inactive.Box .link_wrapper:not(a):not(span), .theme_dark .content_links.inactive.Line .link_wrapper:not(a):not(span), .theme_dark .content_links.inactive.Circle .link_icon:not(a):not(span), .theme_dark .content_section_wrapper.inactive.Box .link_wrapper:not(a):not(span), .theme_dark .content_section_wrapper.inactive.Line .link_wrapper:not(a):not(span), .theme_dark .content_section_wrapper.inactive.Circle .link_icon:not(a):not(span) {
    border-color: rgba(250, 252, 255, .5);
    color: #fff
}

.content_links.inactive .link_wrapper:nth-child(-n+10), .content_section_wrapper.inactive .link_wrapper:nth-child(-n+10) {
    display: none
}

.content_links.inactive.Box .link_wrapper:nth-child(-n+8), .content_links.inactive.Circle .link_wrapper:nth-child(-n+9), .content_links.inactive.Line .link_wrapper:nth-child(-n+5), .content_section_wrapper.inactive.Box .link_wrapper:nth-child(-n+8), .content_section_wrapper.inactive.Circle .link_wrapper:nth-child(-n+9), .content_section_wrapper.inactive.Line .link_wrapper:nth-child(-n+5) {
    display: flex
}

.content_links.inactive.Box .link_wrapper, .content_section_wrapper.inactive.Box .link_wrapper {
    height: 5rem
}

.content_links.inactive.Circle .link_icon, .content_section_wrapper.inactive.Circle .link_icon {
    height: 5.125rem;
    width: 5.125rem
}

.content_links.inactive.Line .link_wrapper, .content_section_wrapper.inactive.Line .link_wrapper {
    height: 3.75rem
}

.content_links.inactive .link_icon, .content_section_wrapper.inactive .link_icon {
    font-size: 2.375rem;
    line-height: 1.1579;
    font-weight: 600
}

.croppie .cr-slider-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 0
}

.croppie.invisible {
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.status_indicator {
    width: .5rem;
    height: .5rem;
    border-radius: .25rem;
    margin-right: .625rem;
    display: inline-block
}

.status_indicator.active {
    background-color: #253dd4
}

.status_indicator.pending {
    background-color: #a6a6a6
}

.table_wrapper {
    border-radius: 1.25rem
}

.table_wrapper table {
    border-collapse: collapse;
    margin-bottom: auto;
    width: 100%
}

.table_wrapper table span {
    display: inline-block
}

.table_wrapper table span, .table_wrapper table div, .table_wrapper table a {
    line-height: 1.5rem;
    vertical-align: middle
}

.table_wrapper table [data-sort] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    cursor: pointer
}

.table_wrapper table [data-sort].sort_down .indicator {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.table_wrapper table [data-sort] .indicator {
    margin-left: .625rem;
    color: #253dd4
}

.table_wrapper table thead {
    font-weight: 600
}

.table_wrapper table thead td {
    padding-bottom: .9375rem;
    border-bottom: 2px solid #00f
}

.table_wrapper .tbody .tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row
}

.table_wrapper .tbody .tr + .expandable.open .expand_content {
    margin-bottom: .9375rem
}

.table_wrapper tbody tr:not(:first-child), .table_wrapper tbody .tr:not(:first-child), .table_wrapper .tbody tr:not(:first-child), .table_wrapper .tbody .tr:not(:first-child) {
    border-top: 1px solid #cacccf
}

.table_wrapper tbody tr:hover .item_link, .table_wrapper tbody .tr:hover .item_link, .table_wrapper .tbody tr:hover .item_link, .table_wrapper .tbody .tr:hover .item_link {
    text-decoration: underline
}

.table_wrapper > p:not(:empty) {
    margin-top: 1.25rem
}

.table_wrapper td, .table_wrapper .td {
    padding-left: .9375rem
}

.table_wrapper td:first-child, .table_wrapper .td:first-child {
    padding-left: 0
}

.table_wrapper td:first-child > *, .table_wrapper .td:first-child > * {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    text-decoration: none;
    font-weight: 500
}

.table_wrapper td:first-child > * svg, .table_wrapper .td:first-child > * svg {
    margin-right: .9375rem;
    height: 3.4375rem
}

.table_wrapper td:last-child, .table_wrapper .td:last-child {
    text-align: right
}

.table_wrapper td:last-child [data-sort], .table_wrapper .td:last-child [data-sort] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.table_wrapper .limit_width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15.625rem
}

@media screen and (max-width: 991px) {
    .table_wrapper .limit_width {
        max-width: 12.5rem
    }
}

@media screen and (max-width: 767px) {
    .table_wrapper thead {
        display: none
    }

    .table_wrapper tbody tr:hover .item_link, .table_wrapper tbody .tr:hover .item_link, .table_wrapper .tbody tr:hover .item_link, .table_wrapper .tbody .tr:hover .item_link {
        text-decoration: none
    }

    .table_wrapper td:not(:first-child), .table_wrapper .td:not(:first-child) {
        display: none
    }

    .table_wrapper .limit_width {
        max-width: 21.875rem
    }
}

@media screen and (max-width: 479px) {
    .table_wrapper .limit_width {
        max-width: 16.25rem
    }
}

table.container.full_width {
    width: 100%;
    margin-top: 0;
    margin-bottom: auto;
    border-collapse: collapse
}

table.container.full_width .price {
    color: #253dd4;
    text-align: right
}

table.container.full_width span {
    display: inline-block
}

table.container.full_width span, table.container.full_width div, table.container.full_width a, table.container.full_width .full_row {
    line-height: 1.5rem;
    vertical-align: middle
}

table.container.full_width thead {
    font-weight: 600
}

table.container.full_width tr + tr:not(.h5) {
    border-top: 1px solid #cacccf
}

table.container.full_width tr.inactive {
    background: #cacccf
}

table.container.full_width tr svg.icon_remove {
    fill: #dc3545
}

table.container.full_width tr:hover .item_link a {
    text-decoration: underline
}

table.container.full_width td {
    padding: .625rem
}

table.container.full_width td:first-child {
    padding-left: .9375rem
}

table.container.full_width td:last-child:not(.full_row) {
    padding-right: .9375rem;
    text-align: right
}

table.container.full_width td:last-child:not(.full_row) [data-sort] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

table.container.full_width td .limit_width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15.625rem
}

table.container.full_width td.full_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15.625rem
}

table.container.full_width [data-sort] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row
}

table.container.full_width [data-sort].sort_up, table.container.full_width [data-sort].sort_down {
    color: #253dd4
}

table.container.full_width [data-sort].sort_down .indicator {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

table.container.full_width [data-sort] .indicator {
    margin-left: .625rem
}

table.container.full_width td.item_link {
    padding: 0
}

table.container.full_width td.item_link .list_item {
    margin: 0
}

table.container.full_width td.item_link .list_item span {
    display: flex;
    padding-right: .625rem
}

@media screen and (max-width: 479px) {
    table.container.full_width.container.full_width {
        font-size: .875rem;
        line-height: 1.4286;
        font-weight: 400
    }

    table.container.full_width.container.full_width td {
        padding: .125rem
    }

    table.container.full_width.container.full_width td .limit_width {
        max-width: 3.75rem
    }

    table.container.full_width.container.full_width td span + span {
        display: block
    }

    table.container.full_width.shrink_mobile thead, table.container.full_width.shrink_mobile td:not(.item_link) {
        display: none
    }

    table.container.full_width.shrink_mobile tr:hover .item_link a {
        text-decoration: none
    }

    table.container.full_width.shrink_mobile tr + tr:not(.h5) {
        border-top: 0
    }

    table.container.full_width.shrink_mobile tr + tr:not(.h5) .list_item span {
        border-top: 1px solid #cacccf
    }
}

table.container.full_width + .footer_content {
    margin-top: 0
}

.sortable .up, .sortable .down {
    cursor: pointer;
    position: absolute;
    padding: .5rem .9375rem;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    line-height: .75rem;
    color: #333;
    display: none
}

.sortable .up {
    padding-bottom: .125rem
}

.sortable .down {
    padding-top: .125rem
}

.sortable:first-child .up, .sortable:last-child .down {
    color: #cacccf
}

.sortable.expanded:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.sortable.expanded:first-child:not(.edit_field) .expanded {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 10px
}

.sortable.expanded:first-child:not(.edit_field) .expanded svg:first-child {
    margin-top: 10px;
    padding-top: 0
}

.sortable.expanded:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.sortable.expanded:last-child .field_actions {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.sortable.expanded:last-child .field_actions div {
    border-bottom: none
}

.sortable.edit_field .up, .sortable.edit_field .down, .sortable.expanded .up, .sortable.expanded .down {
    left: -2.8125rem
}

.sortable.edit_field .up, .sortable.expanded .up {
    bottom: 50%
}

.sortable.edit_field .down, .sortable.expanded .down {
    top: 50%
}

.sortable.edit_section .up, .sortable.edit_section .down {
    left: -2.8125rem
}

.sortable.edit_section .up {
    padding-top: 1.6875rem
}

.sortable.edit_section .down {
    top: 3.25rem;
    padding-bottom: 2.75rem
}

.show_sort .sortable .up, .show_sort .sortable .down {
    display: block
}

.card_profile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.card_profile .profile_image {
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #a6a6a6;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #fafcff
}

.card_profile .profile_image:hover {
    text-decoration: none;
    color: transparent
}

.card_profile .profile_image.compact {
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem
}

.card_profile .profile_info {
    font-weight: 600;
    padding-top: .9375rem
}

.search_box {
    position: relative;
    margin: 0 .9375rem
}

.search_box svg {
    position: absolute;
    top: .3125rem;
    right: .625rem;
    fill: #cacccf
}

.search_box svg.icon_close {
    cursor: pointer;
    right: 0
}

.search_box svg.icon_search {
    display: none
}

.search_box input {
    background-color: transparent;
    width: 100%
}

.search_box input:placeholder-shown ~ svg.icon_close {
    display: none
}

.search_box input:placeholder-shown + svg.icon_search {
    display: block
}

.search_box input:focus {
    border-color: #cacccf
}

.table_filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    flex-wrap: wrap
}

.table_filters select, .table_filters input {
    height: 2.5rem;
    background-color: #fff;
    margin-bottom: 1.25rem
}

.table_filters select {
    width: 12.5rem
}

.table_filters .search_box {
    margin: 0 0 0 auto;
    width: 18.75rem
}

.table_filters > *:not(:last-child) {
    margin-right: .9375rem
}

@media screen and (max-width: 767px) {
    .table_filters select {
        width: 9.375rem
    }

    .table_filters .search_box {
        display: block;
        margin-left: 0;
        width: 19.6875rem
    }
}

@media screen and (max-width: 479px) {
    .table_filters {
        display: block
    }

    .table_filters select, .table_filters .search_box {
        width: 100%
    }
}

.table_paging {
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400
}

.table_paging .control_list button, .table_paging .control_list input, .table_paging .control_list select {
    height: 30px;
    border: 1px solid #cacccf
}

@media screen and (max-width: 479px) {
    .table_paging .flex_justify.reverse {
        flex-flow: column-reverse
    }

    .table_paging .flex_justify.reverse div {
        margin-bottom: .625rem
    }
}

.iti__country-name {
    color: #333
}

.product_preview {
    padding-bottom: .3125rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    align-items: start
}

.product_preview .thumbnail {
    width: 5rem;
    margin-right: 1.25rem
}

.product_preview .product_details {
    width: 100%
}

.product_preview .product_details h5 {
    margin-bottom: 0
}

.cart_link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.cart_link span {
    position: absolute;
    top: .75rem;
    font-size: .875rem;
    line-height: 1.4286;
    font-weight: 400;
    font-weight: 600
}

.cart_link svg {
    width: 2.1875rem;
    height: 2.1875rem
}

.credit_card {
    border: 2px solid rgba(37, 61, 212, .3);
    border-radius: .625rem;
    padding: 1.25rem;
    padding-bottom: 0;
    padding-top: .625rem;
    margin: .625rem 0 1.25rem 0
}

.credit_card .combine_input {
    width: 100%
}

.credit_card .combine_input .seperator {
    height: 2.375rem;
    margin: 0 5px
}

.credit_card .card_footer {
    color: #a6a6a6;
    display: flex
}

.credit_card .card_footer label {
    margin-right: auto;
    margin-bottom: 0
}

.credit_card .card_footer svg.icon_lock {
    width: 1.25rem;
    height: 1.25rem;
    margin-bottom: .5625rem
}

.credit_card .card_footer svg.icon_authorizeNet {
    width: 6.25rem;
    margin-bottom: .125rem
}

.credit_card ~ .center_text {
    margin-bottom: .9375rem
}

.img_upload_container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid rgba(37, 61, 212, .3);
    border-radius: .625rem;
    padding: 1.25rem;
    margin: 1.25rem 0;
    position: relative
}

.img_upload_container .empty_photo {
    display: none
}

.img_upload_container label {
    font-weight: 400;
    margin-bottom: 0
}

.img_upload_container img, .img_upload_container .empty_photo {
    margin-bottom: 1.25rem;
    width: 5rem;
    height: 5rem;
    border: 1px solid #333
}

.img_upload_container img[src=""], .img_upload_container .empty_photo[src=""] {
    display: none
}

.img_upload_container img[src=""] + .empty_photo, .img_upload_container .empty_photo[src=""] + .empty_photo {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #333;
    background-color: #fafcff
}