:root {
    --primary-color: #353535;
    --secondary-color: #fff;
    --tertiary-color: #b3b3b3;
    --link-color: #353535;
    --link-color-hover: #353535;
    --color-error: #f26c4f;
    --border-color-light: #e3e3e3;
    --font-family: 'Open Sans';
    --base-font-size: 14px;
    --line-height: 1.4;
    --font-weight: 400;
    --letter-spacing: 0;
    --h1-color: var(--primary-color);
    --h2-color: var(--primary-color);
    --h3-color: var(--primary-color);
    --h4-color: var(--primary-color);
    --h5-color: var(--primary-color);
    --h6-color: var(--primary-color);
    --heading-text-align: left;
    --heading-margin-bottom: 0;
    --heading-ratio: 1.333;
    --heading-ratio-tablet: 1.25;
    --heading-ratio-mobile: 1.2;
    --h1-font-family: var(--font-family);
    --h2-font-family: var(--font-family);
    --h3-font-family: var(--font-family);
    --h4-font-family: var(--font-family);
    --h5-font-family: var(--font-family);
    --h6-font-family: var(--font-family);
    --p-font-family: var(--font-family);
    --h1-font-weight: var(--font-weight);
    --h2-font-weight: var(--font-weight);
    --h3-font-weight: var(--font-weight);
    --h4-font-weight: var(--font-weight);
    --h5-font-weight: var(--font-weight);
    --h6-font-weight: var(--font-weight);
    --p-font-weight: var(--font-weight);
    --h1-text-align: var(--heading-text-align);
    --h2-text-align: var(--heading-text-align);
    --h3-text-align: var(--heading-text-align);
    --h4-text-align: var(--heading-text-align);
    --h5-text-align: var(--heading-text-align);
    --h6-text-align: var(--heading-text-align);
    --h1-letter-spacing: var(--letter-spacing);
    --h2-letter-spacing: var(--letter-spacing);
    --h3-letter-spacing: var(--letter-spacing);
    --h4-letter-spacing: var(--letter-spacing);
    --h5-letter-spacing: var(--letter-spacing);
    --h6-letter-spacing: var(--letter-spacing);
    --h1-line-height: var(--line-height);
    --h2-line-height: var(--line-height);
    --h3-line-height: var(--line-height);
    --h4-line-height: var(--line-height);
    --h5-line-height: var(--line-height);
    --h6-line-height: var(--line-height);
    --p-color: var(--primary-color);
    --p-font-size: 1rem;
    --p-text-align: left;
    --p-margin-bottom: 0;
    --p-line-height: 1.4;
    --p-letter-spacing: var(--letter-spacing);
    --ps-text-align: left;
    --ps-margin-bottom: 0;
    --label-font-size: var(--base-font-size);
    --form-font-size: var(--base-font-size);
    --form-font-family: var(--font-family);
    --label-color: #aaaaaa;
    --form-color: var(--primary-color);
    --asterisk-color: var(--primary-color);
    --thank-you-text-color: var(--primary-color);
    --label-margin-bottom: 12px;
    --form-margin-bottom: 20px;
    --form-margin-bottom-small: 10px;
    --form-label-placeholder-alignment: left;
    --form-button-alignment: left;
    --form-button-vertical-alignment: flex-end;
    --form-background-color: rgba(255, 255, 255, 0.85);
    --form-border-width: 1px 1px 1px 1px;
    --form-border-color: #dddddd;
    --form-border-radius: 3px 3px 3px 3px;
    --form-height: 50px;
    --form-padding: 0px 20px 0px 20px;
    --form-shadow-error: 0px 0px 5px 0px rgba(242, 108, 79, 0.4);
    --form-shadow-focus: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    --form-border-style: solid;
    --form-width: 100%;
    --input-height-small: 29px;
    --input-font-size-small: 12px;
    --input-padding-small: 6px 6px 6px 6px;
    --input-width-small: 88px;
    --input-width-large: 256px;
    --input-width-full: 100%;
    --textarea-height: 100px;
    --dropdown-options-height: 40px;
    --dropdown-options-count: 5;
    --checkbox-size: 18px;
    --checkbox-color: transparent;
    --checkbox-margin-bottom: 10px;
    --radio-size: 18px;
    --radio-color: transparent;
    --gutter-width: 80px;
    --gutter-compensation: calc(-(var(--gutter-width) / 2));
    --half-gutter-width: calc(var(--gutter-width) / 2);
    --gutter-vertical: 0vh;
    --module-gutter-vertical: 3.0683403068340307vh;
    --mobile-row-distance: 0px;
    --mobile-column-distance: 40px;
    --screen-sm-min: 810px;
    --screen-md-min: 1030px;
    --screen-lg-min: 1230px;
    --screen-xlg-min: 1630px;
    --container-sm: 780px;
    --container-md: 1000px;
    --container-lg: 1200px;
    --container-xlg: 1600px;
    --mobile-element-distance: 40px;
    --max-grid-ratio: 1;
    --language-switcher-border-color: rgb(212, 212, 201);
    --language-switcher-border-width: 1px 1px 1px 1px;
    --language-switcher-border-radius: 8px 8px 8px 8px;
    --language-switcher-padding: 0px 13px 0px 13px;
    --language-switcher-height: 35px;
    --language-switcher-min-width: 50px;
    --language-switcher-background-color: #ffffff;
    --language-switcher-color: #8c8c85;
    --language-switcher-sub-background-color-hover: #fafaf7;
    --language-switcher-sub-color-hover: #8c8c85;
    --language-switcher-font-family: var(--font-family);
    --language-switcher-font-size: var(--base-font-size);
    --language-switcher-font-weight: var(--font-weight);
    --language-switcher-letter-spacing: var(--letter-spacing);
    --region-switcher-border-color: rgb(212, 212, 201);
    --region-switcher-border-width: 1px 1px 1px 1px;
    --region-switcher-border-radius: 8px 8px 8px 8px;
    --region-switcher-font-size: 1rem;
    --region-switcher-padding: 0px 13px 0px 13px;
    --region-switcher-height: 35px;
    --region-switcher-min-width: 50px;
    --region-switcher-background-color: #ffffff;
    --region-switcher-color: #8c8c85;
    --region-switcher-popup-background-color: #ffffff;
    --popup-close-button-color: #8c8c85;
    --base-shadow: none;
    --h1-shadow: var(--base-shadow);
    --h2-shadow: var(--base-shadow);
    --h3-shadow: var(--base-shadow);
    --h4-shadow: var(--base-shadow);
    --h5-shadow: var(--base-shadow);
    --h6-shadow: var(--base-shadow);
    --p-shadow: var(--base-shadow);
    --thank-you-text-background-color: #fff
}

.btn {
    --button-border-style: solid;
    --button-height: 60px;
    --button-border-color-disabled: transparent;
    --button-min-width: 180px;
    --button-font-size: 12px;
    --button-font-family: var(--font-family);
    --button-padding: 0 50px;
    --button-border-width: 0px 0px 0px 0px;
    --button-color: var(--secondary-color);
    --button-font-weight: 400;
    --button-letter-spacing: 1px;
    --button-background-color: var(--primary-color);
    --button-background-color-disabled: var(--primary-color);
    --button-border-color: transparent;
    --button-border-radius: 0px 0px 0px 0px
}

.btn:hover {
    --button-color: var(--secondary-color);
    --button-background-color: var(--primary-color);
    --button-border-color: transparent;
    --button-border-radius: 0px 0px 0px 0px;
    --button-border-width: 0px 0px 0px 0px
}

.flex,
.admin .main-typography .error-page,
html .error-page,
.admin .main-typography .confirm-layer-container .confirm-layer,
html .confirm-layer-container .confirm-layer,
.admin .main-typography .image-popup .image-popup-layer,
html .image-popup .image-popup-layer,
.admin .main-typography .image-popup .image-popup-layer .image-box,
html .image-popup .image-popup-layer .image-box,
.admin .main-typography .preview-message .close-message,
html .preview-message .close-message,
.admin .main-typography .form-three-one,
html .form-three-one,
.admin .main-typography .system-message,
html .system-message,
.account-popup-layer-container .account-popup-layer,
.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container,
.ModuleLanguageSwitcher .languages .main-language,
.ModuleLanguageSwitcher .languages ul li a,
.ModuleLanguageSwitcher .languages ul li .lang-item-link {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.flex-center,
.admin .main-typography .error-page,
html .error-page,
.admin .main-typography .confirm-layer-container .confirm-layer,
html .confirm-layer-container .confirm-layer,
.admin .main-typography .image-popup .image-popup-layer,
html .image-popup .image-popup-layer,
.admin .main-typography .image-popup .image-popup-layer .image-box,
html .image-popup .image-popup-layer .image-box,
.admin .main-typography .preview-message .close-message,
html .preview-message .close-message,
.admin .main-typography .form-three-one,
html .form-three-one,
.admin .main-typography .system-message,
html .system-message,
.account-popup-layer-container .account-popup-layer,
.ModuleLanguageSwitcher .languages .main-language,
.ModuleLanguageSwitcher .languages ul li a,
.ModuleLanguageSwitcher .languages ul li .lang-item-link {
    align-items: center;
    -webkit-align-items: center
}

.flex-justify-top,
.admin .main-typography .column .column-container.vertical-top,
html .column .column-container.vertical-top {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.flex-justify-center,
.admin .main-typography .error-page,
html .error-page,
.admin .main-typography .confirm-layer-container .confirm-layer,
html .confirm-layer-container .confirm-layer,
.admin .main-typography .image-popup .image-popup-layer,
html .image-popup .image-popup-layer,
.admin .main-typography .image-popup .image-popup-layer .image-box,
html .image-popup .image-popup-layer .image-box,
.admin .main-typography .preview-message .close-message,
html .preview-message .close-message,
.admin .main-typography .column .column-container,
html .column .column-container,
.admin .main-typography .column .column-container.vertical-center,
html .column .column-container.vertical-center,
.admin .main-typography .form-three-one,
html .form-three-one,
.account-popup-layer-container .account-popup-layer {
    justify-content: center;
    -webkit-justify-content: center
}

.flex-justify-bottom,
.admin .main-typography .column .column-container.vertical-bottom,
html .column .column-container.vertical-bottom {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.flex-column-direction,
.admin .main-typography .error-page,
html .error-page,
.admin .main-typography .image-popup .image-popup-layer,
html .image-popup .image-popup-layer,
.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container {
    flex-direction: column;
    -webkit-flex-direction: column
}

.flex-row-direction {
    flex-direction: row;
    -webkit-flex-direction: row
}

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

.shrink-0 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

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

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

.clearfix:after {
    clear: both
}

.disableHighlight {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.disableHighlight *:not(input, textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

:root {
    --main-color: #3168d6;
    --main-hover-color: #2a59be;
    --tertiary-color: #fafaf7;
    --panel-color: var(--tertiary-color);
    --quinary-color: #f1f1eb;
    --on-off-deactiv: #d4d4c9;
    --icon-color: #8c8c85;
    --help-container-color: rgba(140, 140, 133, 0.9);
    --red-color: #e55b3e;
    --green-color: #479173;
    --color-error: #f26c4f;
    --color-success: #4FA36D;
    --heading-ratio-pow5: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow4: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow3: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow2: calc(var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-tablet-pow5: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow4: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow3: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow2: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-mobile-pow5: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow4: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow3: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow2: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem)
}

:root {
    --main-color: #3168d6;
    --main-hover-color: #2a59be;
    --tertiary-color: #fafaf7;
    --panel-color: var(--tertiary-color);
    --quinary-color: #f1f1eb;
    --on-off-deactiv: #d4d4c9;
    --icon-color: #8c8c85;
    --help-container-color: rgba(140, 140, 133, 0.9);
    --red-color: #e55b3e;
    --green-color: #479173;
    --color-error: #f26c4f;
    --color-success: #4FA36D;
    --heading-ratio-pow5: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow4: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow3: calc(var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-pow2: calc(var(--heading-ratio) * var(--heading-ratio) * 1rem);
    --heading-ratio-tablet-pow5: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow4: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow3: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-tablet-pow2: calc(var(--heading-ratio-tablet) * var(--heading-ratio-tablet) * 1rem);
    --heading-ratio-mobile-pow5: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow4: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow3: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem);
    --heading-ratio-mobile-pow2: calc(var(--heading-ratio-mobile) * var(--heading-ratio-mobile) * 1rem)
}

img,
legend {
    border: 0
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

.slick-list:focus,
a:active,
a:hover {
    outline: 0
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

img[src=""] {
    display: none !important
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

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

figure {
    margin: 1em 40px
}

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

pre,
textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

*,
.slick-slider,
:after,
:before {
    box-sizing: border-box
}

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

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

legend,
td,
th {
    padding: 0
}

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

ul {
    margin: 0
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html.mobile body {
    min-height: 100vh
}

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

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

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

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

@keyframes slideRightIn {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideRightOut {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    100% {
        transform: translateX(-100%);
        opacity: 0
    }
}

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

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

@keyframes slideDownIn {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDownOut {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    100% {
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

html.mobile .popup-tool-container .popup-layer,
html.tablet .popup-tool-container .popup-layer {
    align-items: flex-start
}

html.mobile .popup-tool-container .popup-wrapper,
html.tablet .popup-tool-container .popup-wrapper {
    width: 100% !important;
    height: 100% !important
}

html.mobile .popup-tool-container .popup-close,
html.tablet .popup-tool-container .popup-close {
    position: fixed
}

html.mobile .popup-tool-container,
html.tablet .popup-tool-container {
    -webkit-overflow-scrolling: touch
}

body.move .popup-tool-container {
    z-index: 99999999
}

.popup-tool-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005
}

.popup-tool-container:not(.active):not(.out) {
    opacity: 0;
    pointer-events: none;
    z-index: -999
}

.popup-tool-container.active,
.popup-tool-container.out {
    display: block
}

.popup-tool-container.active.delay .popup-layer {
    animation-delay: .25s
}

.popup-tool-container.active .popup-overlay {
    animation: fadeIn .2s ease forwards
}

.popup-tool-container.active .popup-layer.delay {
    animation-delay: .25s
}

.popup-tool-container.active .popup-layer.fade {
    animation: fadeIn .25s ease-in-out
}

.popup-tool-container.active .popup-layer.scale {
    animation: scaleIn .25s ease-in-out
}

.popup-tool-container.active .popup-layer.slide-left {
    animation: slideLeftIn .25s ease-in-out
}

.popup-tool-container.active .popup-layer.slide-right {
    animation: slideRightIn .25s ease-in-out
}

.popup-tool-container.active .popup-layer.slide-up {
    animation: slideUpIn .25s ease-in-out
}

.popup-tool-container.active .popup-layer.slide-down {
    animation: slideDownIn .25s ease-in-out
}

.popup-tool-container.out.delay .popup-overlay {
    animation-delay: .2s
}

.popup-tool-container.out .popup-overlay {
    opacity: 1;
    animation: fadeOut .2s ease forwards
}

.popup-tool-container.out .popup-layer.fade {
    animation: fadeOut .25s ease-in-out forwards
}

.popup-tool-container.out .popup-layer.scale {
    animation: scaleOut .25s ease-in-out forwards
}

.popup-tool-container.out .popup-layer.slide-left {
    animation: slideLeftOut .25s ease-in-out
}

.popup-tool-container.out .popup-layer.slide-right {
    animation: slideRightOut .25s ease-in-out
}

.popup-tool-container.out .popup-layer.slide-up {
    animation: slideUpOut .25s ease-in-out
}

.popup-tool-container.out .popup-layer.slide-down {
    animation: slideDownOut .25s ease-in-out
}

.popup-tool-container .backgroundCover>.row-container>.row {
    min-height: 100%
}

.popup-tool-container .container {
    width: 100%
}

.popup-tool-container .popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
    background-size: cover
}

.popup-tool-container .popup-layer {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.popup-tool-container .popup-wrapper {
    position: relative;
    max-width: 100vw;
    max-height: 100vh;
    background-size: cover;
    z-index: 1;
    overflow: hidden
}

.popup-tool-container .popup-wrapper>.popup-wrapper-inner {
    height: 100%;
    overflow: auto
}

.popup-tool-container .popup-wrapper>.popup-wrapper-inner::-webkit-scrollbar {
    width: 0
}

.popup-tool-container .popup-wrapper.background-highlight {
    box-shadow: inset 0 0 0 3px #857dff !important
}

.popup-wrapper-inner {
    height: 100%;
    overflow: auto
}

.popup-wrapper-inner::-webkit-scrollbar {
    width: 0
}

.popup-wrapper-inner .row {
    height: auto !important
}

.popup-wrapper-inner .row-container {
    height: auto !important
}

.popup-wrapper-inner .uc-row.row-on-module .row {
    height: 100% !important
}

.popup-wrapper-inner .uc-row.row-on-module .row-container {
    height: 100% !important
}

.popup-wrapper-inner .uc-row:not(.last).backgroundCover {
    margin-bottom: 0
}

.popup-wrapper-inner .module-container .module.ModuleEcommerceProduct .product-item .product-item-container .image-container .product-item-images .slider-small,
.popup-wrapper-inner .module-container .module.ModuleEcommerceProduct .product-item .product-item-container .image-container .product-item-images .slider-small .slick-list,
.popup-wrapper-inner .module-container .module.ModuleEcommerceProduct .product-item .product-item-container .image-container .product-item-images .slider-small .slick-list .slick-track,
.popup-wrapper-inner .module-container .module.ModuleEcommerceProduct .product-item .product-item-container .image-container .product-item-images .slider-small .slick-list .slick-track .product-item-image-small {
    height: auto
}

.popup-tool-container.public .popup-wrapper {
    width: 100%;
    height: 100%
}

.popup-tool-container.public .popup-wrapper .backgroundCover {
    margin-bottom: 0;
    min-height: 100%
}

.popup-edit-mode.popup-tool-container .popup-wrapper {
    overflow: hidden
}

.uc-popup-wrapper-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.admin .main-typography .btn,
html .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease-out;
    text-decoration: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-width: var(--button-min-width);
    height: var(--button-height);
    font-size: var(--button-font-size);
    font-family: var(--button-font-family);
    padding: var(--button-padding);
    letter-spacing: var(--button-letter-spacing);
    text-indent: var(--button-letter-spacing);
    color: var(--button-color);
    font-weight: var(--button-font-weight);
    background: var(--button-background-color);
    border: var(--button-border-style) var(--button-border-color);
    border-width: var(--button-border-width);
    border-radius: var(--button-border-radius)
}

.admin .main-typography .btn:hover,
html .btn:hover {
    background: var(--button-background-color-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
    border-width: var(--button-border-width)
}

.admin .main-typography .btn.disabled,
html .btn.disabled,
.admin .main-typography .btn:disabled,
html .btn:disabled {
    background-color: var(--button-background-color-disabled);
    color: var(--secondary-color);
    pointer-events: none
}

.admin .main-typography .btn[contenteditable=true],
html .btn[contenteditable=true] {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    cursor: text
}

.admin .main-typography .disabled-btn,
html .disabled-btn {
    display: inline-block;
    min-width: 180px;
    max-width: 100%;
    height: 60px;
    padding: 0 50px;
    background: #353535;
    color: #fff;
    font-size: 12px;
    font-family: var(--font-family);
    line-height: 60px;
    letter-spacing: 1px;
    font-weight: 400;
    border: solid transparent;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: all 300ms ease-out;
    text-decoration: none;
    text-align: center;
    outline: 0 !important
}

.admin .main-typography .disabled-btn:hover,
html .disabled-btn:hover {
    background: #515151;
    color: #fff;
    border-color: transparent
}

.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5).disabled,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5).disabled,
.admin .main-typography .btn[class*=buttons].disabled,
html .btn[class*=buttons].disabled,
.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):disabled,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):disabled,
.admin .main-typography .btn[class*=buttons]:disabled,
html .btn[class*=buttons]:disabled {
    pointer-events: none
}

.admin .main-typography label.checkbox,
html label.checkbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    word-wrap: break-word
}

.admin .main-typography label.checkbox input,
html label.checkbox input {
    display: none
}

.admin .main-typography label.checkbox input+span,
html label.checkbox input+span {
    position: relative;
    display: block;
    cursor: pointer
}

.admin .main-typography label.checkbox input[type=checkbox]+span:after,
html label.checkbox input[type=checkbox]+span:after {
    font-family: ucraftme_font;
    content: "\e93f";
    color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.admin .main-typography label.checkbox svg.checked,
html label.checkbox svg.checked {
    position: absolute;
    left: 0;
    top: 0;
    margin: 3px
}

.admin .main-typography label.checkbox input[type=radio]+span:after,
html label.checkbox input[type=radio]+span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1px;
    border-radius: 50%;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.admin .main-typography label.checkbox input[type=radio]+span:before,
html label.checkbox input[type=radio]+span:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.admin .main-typography label.checkbox.label-required:after,
html label.checkbox.label-required:after {
    content: '*';
    position: absolute;
    top: -3px;
    right: -8px
}

.admin .main-typography .form-group .form-element>label,
html .form-group .form-element>label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.admin .main-typography .form-group .form-element .public-file-upload-attach,
html .form-group .form-element .public-file-upload-attach {
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    cursor: pointer
}

.admin .main-typography .form-group .form-element .public-file-upload-attach span:first-child,
html .form-group .form-element .public-file-upload-attach span:first-child {
    padding-right: 5px;
    font-size: 1.5rem;
    font-size: 1.5rem
}

.admin .main-typography .form-group .form-element .public-file-uploader-process .progress-percent,
html .form-group .form-element .public-file-uploader-process .progress-percent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1rem
}

.admin .main-typography .form-group .form-element .public-file-uploader-process .progress-percent .uci-attachment,
html .form-group .form-element .public-file-uploader-process .progress-percent .uci-attachment {
    padding-right: 5px;
    font-size: 1.5rem
}

.admin .main-typography .form-group .form-element .public-file-uploader-process .progress-percent .uci-attachment svg,
html .form-group .form-element .public-file-uploader-process .progress-percent .uci-attachment svg {
    width: 24px;
    height: 24px;
    margin-top: 5px
}

.admin .main-typography .form-group .form-element .selected-file,
html .form-group .form-element .selected-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.admin .main-typography .form-group .form-element .selected-file .uci-attachment,
html .form-group .form-element .selected-file .uci-attachment {
    font-size: 1.5rem
}

.admin .main-typography .form-group .form-element .selected-file .uci-attachment svg,
html .form-group .form-element .selected-file .uci-attachment svg {
    width: 24px;
    height: 24px
}

.admin .main-typography .form-group .form-element .selected-file input[readonly],
html .form-group .form-element .selected-file input[readonly] {
    font-size: 1rem;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: auto;
    padding-right: 0;
    padding-left: 5px;
    pointer-events: none;
    text-overflow: ellipsis
}

.admin .main-typography .form-group .form-element .selected-file .uci-close-small svg,
html .form-group .form-element .selected-file .uci-close-small svg {
    cursor: pointer;
    width: 1rem;
    height: 1rem
}

.admin .main-typography .form-group .form-element>.form-control,
html .form-group .form-element>.form-control {
    position: relative;
    font-size: 0
}

.admin .main-typography .form-group .form-element .counter,
html .form-group .form-element .counter {
    float: right;
    margin-top: -28px
}

.admin .main-typography .form-group .form-element .counter.error,
html .form-group .form-element .counter.error {
    color: var(--color-error)
}

.admin .main-typography .form-group .form-element .counter:after,
html .form-group .form-element .counter:after {
    content: "/" attr(data-limit)
}

.admin .main-typography .form-inline-group,
html .form-inline-group {
    display: table;
    width: 100%
}

.admin .main-typography .form-inline-group .form-element,
html .form-inline-group .form-element {
    display: table-row
}

.admin .main-typography .form-inline-group .form-element>label,
html .form-inline-group .form-element>label {
    display: table-cell;
    text-align: right;
    padding-right: 20px;
    vertical-align: middle;
    white-space: nowrap
}

.admin .main-typography .form-inline-group .form-element>.form-control,
html .form-inline-group .form-element>.form-control {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
    font-size: 0;
    text-align: right
}

.admin .main-typography .ModuleForm .checkbox,
html .ModuleForm .checkbox,
.admin .main-typography .ModuleSubscription .checkbox,
html .ModuleSubscription .checkbox,
.admin .main-typography .ModulePromoCode .checkbox,
html .ModulePromoCode .checkbox,
.admin .main-typography .uikit-forms-preview .checkbox,
html .uikit-forms-preview .checkbox {
    text-align: left
}

.admin .main-typography .thank-you-message-container,
html .thank-you-message-container,
.admin .main-typography .error-message-container,
html .error-message-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all .6s cubic-bezier(.2, 1, .3, 1);
    -webkit-transition: all .6s cubic-bezier(.2, 1, .3, 1);
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    pointer-events: all;
    padding: 30px;
    z-index: 3
}

.admin .main-typography .thank-you-message-container i,
html .thank-you-message-container i,
.admin .main-typography .error-message-container i,
html .error-message-container i {
    font-size: 36px;
    color: var(--main-color)
}

.admin .main-typography .thank-you-message-container .thank-you-message,
html .thank-you-message-container .thank-you-message,
.admin .main-typography .error-message-container .thank-you-message,
html .error-message-container .thank-you-message,
.admin .main-typography .thank-you-message-container .error-message,
html .thank-you-message-container .error-message,
.admin .main-typography .error-message-container .error-message,
html .error-message-container .error-message {
    opacity: 1;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.admin .main-typography .thank-you-message-container.hide,
html .thank-you-message-container.hide,
.admin .main-typography .error-message-container.hide,
html .error-message-container.hide {
    opacity: 0;
    pointer-events: none !important
}

.admin .main-typography .error-message-container i,
html .error-message-container i {
    color: #f11611
}

.admin .main-typography .variants-container .variant-selectors .item-count-container .plus-minus input,
html .variants-container .variant-selectors .item-count-container .plus-minus input {
    border-width: 1px;
    padding: 0 6px
}

.admin .main-typography .variants-container .uc-dropdown .option-dropdown select,
html .variants-container .uc-dropdown .option-dropdown select {
    border-width: 0
}

.admin .main-typography .massage-box,
html .massage-box {
    position: relative;
    opacity: 1;
    transition: all 300ms ease
}

.admin .main-typography .massage-box .title,
html .massage-box .title {
    width: 279px;
    color: #4a4a4a;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin: auto
}

.admin .main-typography .massage-box .content-text,
html .massage-box .content-text {
    width: 253px;
    color: #8c8c85;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin: auto;
    padding-top: 12px
}

.admin .main-typography .massage-box .line,
html .massage-box .line {
    height: 1px;
    width: 100%;
    background-color: #f1f1eb;
    margin-top: 20px
}

.admin .main-typography .massage-box form,
html .massage-box form {
    height: inherit !important
}

.admin .main-typography .massage-box form>div,
html .massage-box form>div {
    margin-left: -20px;
    margin-right: -20px
}

.admin .main-typography .massage-box .btn,
html .massage-box .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 36px;
    width: 100%;
    border-radius: 100px;
    background: var(--main-color);
    color: #fff;
    font-weight: 900;
    line-height: 15px;
    font-size: 12px;
    font-family: var(--font-family)
}

.admin .main-typography .massage-box .btn:hover,
html .massage-box .btn:hover {
    background: var(--main-hover-color);
    border-color: var(--main-hover-color)
}

.admin .main-typography .massage-box .btn .loading-container,
html .massage-box .btn .loading-container {
    background: transparent !important
}

.admin .main-typography .ModulePromoCode .horizontal,
html .ModulePromoCode .horizontal,
.admin .main-typography .ModuleSubscription .horizontal,
html .ModuleSubscription .horizontal {
    display: flex;
    flex-direction: row
}

.admin .main-typography .ModulePromoCode .horizontal .form-fields,
html .ModulePromoCode .horizontal .form-fields,
.admin .main-typography .ModuleSubscription .horizontal .form-fields,
html .ModuleSubscription .horizontal .form-fields,
.admin .main-typography .ModulePromoCode .horizontal .forms,
html .ModulePromoCode .horizontal .forms,
.admin .main-typography .ModuleSubscription .horizontal .forms,
html .ModuleSubscription .horizontal .forms {
    flex: 1;
    display: flex;
    flex-direction: row
}

.admin .main-typography .ModulePromoCode .horizontal .form-fields .form-element,
html .ModulePromoCode .horizontal .form-fields .form-element,
.admin .main-typography .ModuleSubscription .horizontal .form-fields .form-element,
html .ModuleSubscription .horizontal .form-fields .form-element,
.admin .main-typography .ModulePromoCode .horizontal .forms .form-element,
html .ModulePromoCode .horizontal .forms .form-element,
.admin .main-typography .ModuleSubscription .horizontal .forms .form-element,
html .ModuleSubscription .horizontal .forms .form-element {
    margin-right: var(--form-margin-bottom);
    margin-bottom: auto;
    flex: 1
}

.admin .main-typography .ModulePromoCode .horizontal .form-submit,
html .ModulePromoCode .horizontal .form-submit,
.admin .main-typography .ModuleSubscription .horizontal .form-submit,
html .ModuleSubscription .horizontal .form-submit {
    display: flex;
    align-items: flex-end
}

@media only screen and (max-width:810px) {
    .admin .main-typography .ModulePromoCode .horizontal,
    html .ModulePromoCode .horizontal,
    .admin .main-typography .ModuleSubscription .horizontal,
    html .ModuleSubscription .horizontal,
    .admin .main-typography .ModulePromoCode .name-0,
    html .ModulePromoCode .name-0,
    .admin .main-typography .ModuleSubscription .name-0,
    html .ModuleSubscription .name-0,
    .admin .main-typography .ModulePromoCode .front-name-0,
    html .ModulePromoCode .front-name-0,
    .admin .main-typography .ModuleSubscription .front-name-0,
    html .ModuleSubscription .front-name-0 {
        display: block
    }
    .admin .main-typography .ModulePromoCode .horizontal .form-fields,
    html .ModulePromoCode .horizontal .form-fields,
    .admin .main-typography .ModuleSubscription .horizontal .form-fields,
    html .ModuleSubscription .horizontal .form-fields,
    .admin .main-typography .ModulePromoCode .name-0 .form-fields,
    html .ModulePromoCode .name-0 .form-fields,
    .admin .main-typography .ModuleSubscription .name-0 .form-fields,
    html .ModuleSubscription .name-0 .form-fields,
    .admin .main-typography .ModulePromoCode .front-name-0 .form-fields,
    html .ModulePromoCode .front-name-0 .form-fields,
    .admin .main-typography .ModuleSubscription .front-name-0 .form-fields,
    html .ModuleSubscription .front-name-0 .form-fields {
        display: block
    }
    .admin .main-typography .ModulePromoCode .horizontal .form-fields div.form-element,
    html .ModulePromoCode .horizontal .form-fields div.form-element,
    .admin .main-typography .ModuleSubscription .horizontal .form-fields div.form-element,
    html .ModuleSubscription .horizontal .form-fields div.form-element,
    .admin .main-typography .ModulePromoCode .name-0 .form-fields div.form-element,
    html .ModulePromoCode .name-0 .form-fields div.form-element,
    .admin .main-typography .ModuleSubscription .name-0 .form-fields div.form-element,
    html .ModuleSubscription .name-0 .form-fields div.form-element,
    .admin .main-typography .ModulePromoCode .front-name-0 .form-fields div.form-element,
    html .ModulePromoCode .front-name-0 .form-fields div.form-element,
    .admin .main-typography .ModuleSubscription .front-name-0 .form-fields div.form-element,
    html .ModuleSubscription .front-name-0 .form-fields div.form-element {
        margin-right: auto;
        width: auto;
        margin-bottom: var(--form-margin-bottom)
    }
}

.admin .main-typography body.block-mode,
html body.block-mode {
    zoom: 150%
}

.admin .main-typography [data-session-visibility],
html [data-session-visibility] {
    display: none
}

.admin .main-typography img.lazy:not(.loaded),
html img.lazy:not(.loaded) {
    visibility: hidden;
    min-height: 10px
}

.admin .main-typography img.cover-image,
html img.cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.admin .main-typography body.desktop.cms .layers-container>.layer .off-canvas,
html body.desktop.cms .layers-container>.layer .off-canvas {
    margin-top: 3rem;
    height: 100%
}

.admin .main-typography .layers-container,
html .layers-container {
    position: relative;
    z-index: 1003
}

.admin .main-typography .layers-container>.layer .off-canvas,
html .layers-container>.layer .off-canvas {
    max-width: 100vw;
    pointer-events: none;
    min-width: 320px;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #f7f7f7;
    z-index: 10
}

.admin .main-typography .layers-container>.layer .off-canvas.background-highlight,
html .layers-container>.layer .off-canvas.background-highlight {
    box-shadow: inset 0 0 0 3px #857dff !important
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-close.background-highlight,
html .layers-container>.layer .off-canvas .off-canvas-close.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .75), 1px -1px 0 rgba(133, 125, 255, .75), -1px 1px 0 rgba(133, 125, 255, .75), 1px 1px 0 rgba(133, 125, 255, .75) !important
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize,
html .layers-container>.layer .off-canvas .off-canvas-resize {
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    cursor: ew-resize
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize.right-position,
html .layers-container>.layer .off-canvas .off-canvas-resize.right-position {
    width: 40px
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize:hover:before,
html .layers-container>.layer .off-canvas .off-canvas-resize:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #999;
    width: 1px
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize:hover:after,
html .layers-container>.layer .off-canvas .off-canvas-resize:hover:after {
    background-color: #000;
    content: '';
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 100%;
    z-index: 3
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize .resize-highlight,
html .layers-container>.layer .off-canvas .off-canvas-resize .resize-highlight {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #999;
    width: 1px
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-resize .number-box,
html .layers-container>.layer .off-canvas .off-canvas-resize .number-box {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 25px;
    margin-top: -5px;
    line-height: 25px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment,
html .layers-container>.layer .off-canvas.left-alignment {
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0)
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment.design-mode:not(.mobile),
html .layers-container>.layer .off-canvas.left-alignment.design-mode:not(.mobile) {
    margin-left: 78px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment.design-mode:not(.mobile).small-panel-size,
html .layers-container>.layer .off-canvas.left-alignment.design-mode:not(.mobile).small-panel-size {
    margin-left: 50px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize {
    right: -15px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize.right-position,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize.right-position {
    right: -5px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize.right-position:hover:after,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize.right-position:hover:after {
    margin-right: -12px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize:hover:before,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize:hover:before {
    right: 15px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize:hover:after,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize:hover:after {
    right: 50%;
    margin-right: -8px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .resize-highlight,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .resize-highlight {
    right: 15px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box {
    right: 35px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.left:not(.inside),
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.left:not(.inside) {
    right: 50%;
    margin-right: -25px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.left.inside,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.left.inside {
    left: -70px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.right:not(.inside),
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.right:not(.inside) {
    right: 50%;
    margin-right: -25px
}

.admin .main-typography .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.right.inside,
html .layers-container>.layer .off-canvas.left-alignment .off-canvas-resize .number-box.right.inside {
    right: -70px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment,
html .layers-container>.layer .off-canvas.right-alignment {
    right: 0;
    left: auto;
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize {
    left: -15px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize.right-position,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize.right-position {
    left: -5px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize.right-position:hover:after,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize.right-position:hover:after {
    margin-left: -12px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize:hover:before,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize:hover:before {
    left: 15px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize:hover:after,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize:hover:after {
    left: 50%;
    margin-left: -8px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .resize-highlight,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .resize-highlight {
    left: 15px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box {
    left: 35px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.left:not(.inside),
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.left:not(.inside) {
    left: 50%;
    margin-left: -25px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.left.inside,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.left.inside {
    right: -70px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.right:not(.inside),
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.right:not(.inside) {
    left: 50%;
    margin-left: -25px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.right.inside,
html .layers-container>.layer .off-canvas.right-alignment .off-canvas-resize .number-box.right.inside {
    left: -70px
}

.admin .main-typography .layers-container>.layer .off-canvas.right-alignment.open,
html .layers-container>.layer .off-canvas.right-alignment.open {
    opacity: 1
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-scroll-container,
html .layers-container>.layer .off-canvas .off-canvas-scroll-container {
    position: absolute;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper {
    width: 100%;
    height: 100vh;
    position: relative
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box {
    width: 100%;
    min-height: 100%
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-scroll-content,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-scroll-content {
    width: 100%
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row .off-canvas-inner-row-wrapper,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row .off-canvas-inner-row-wrapper {
    width: 100%
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row .off-canvas-inner-row-wrapper .row-container .row,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-scroll-box .off-canvas-inner-row .off-canvas-inner-row-wrapper .row-container .row {
    width: 100%
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-inner-container .uc-row.backgroundCover,
html .layers-container>.layer .off-canvas .off-canvas-inner-container .uc-row.backgroundCover {
    margin-bottom: 0 !important
}

.admin .main-typography .layers-container>.layer .off-canvas:not(.resizing),
html .layers-container>.layer .off-canvas:not(.resizing) {
    -webkit-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -o-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    transition: all .33s cubic-bezier(.694, .0482, .335, 1)
}

.admin .main-typography .layers-container>.layer .off-canvas.active,
html .layers-container>.layer .off-canvas.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.admin .main-typography .layers-container>.layer .off-canvas .off-canvas-close,
html .layers-container>.layer .off-canvas .off-canvas-close {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 18px;
    fill: #999;
    cursor: pointer
}

.admin .main-typography .layers-container>.layer .off-canvas.open,
html .layers-container>.layer .off-canvas.open {
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.admin .main-typography body,
html body {
    width: 100%;
    background-color: #fff
}

.admin .main-typography body.no-scroll,
html body.no-scroll {
    overflow: hidden
}

.admin .main-typography body.no-scroll.fixed,
html body.no-scroll.fixed {
    position: fixed
}

.admin .main-typography .anchor-point,
html .anchor-point {
    position: absolute
}

.admin .main-typography .ps-container>.ps__scrollbar-y-rail>.ps__scrollbar-y,
html .ps-container>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    background-color: rgba(0, 0, 0, .1)
}

.admin .main-typography .error-page,
html .error-page {
    height: 100%
}

.admin .main-typography .error-page .error-page-title,
html .error-page .error-page-title {
    text-transform: uppercase;
    font-size: 56px;
    font-weight: 300;
    margin-bottom: 40px
}

.admin .main-typography .error-page .error-page-subtitle,
html .error-page .error-page-subtitle {
    max-width: 450px;
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px
}

.admin .main-typography .error-page .disabled-btn,
html .error-page .disabled-btn {
    text-transform: uppercase
}

.admin .main-typography .ui-sortable-helper,
html .ui-sortable-helper {
    z-index: 999999 !important
}

.admin .main-typography .unavailable-message,
html .unavailable-message {
    font-size: 13px;
    text-align: center;
    color: #8c8c85;
    padding: 20px;
    width: 100%
}

.admin .main-typography .unavailable-message span,
html .unavailable-message span {
    max-width: 410px;
    display: inline-block
}

.admin .main-typography .module-container .module,
html .module-container .module {
    position: relative
}

.admin .main-typography .module-container .module .domain-message,
html .module-container .module .domain-message {
    background-color: #fafaf7;
    font-size: 13px;
    text-align: center;
    color: #8c8c85;
    padding: 20px;
    width: 100%
}

.admin .main-typography .module-container .module .domain-message span,
html .module-container .module .domain-message span {
    max-width: 410px;
    display: inline-block
}

.admin .main-typography a,
html a {
    text-decoration: none
}

.admin .main-typography .uikit-layout-preview .column-container,
html .uikit-layout-preview .column-container {
    background-color: #f1f1eb;
    border-radius: 8px
}

.admin .main-typography .uikit-layout-preview .column-container .module-container,
html .uikit-layout-preview .column-container .module-container {
    padding: 0
}

.admin .main-typography .uikit-layout-preview .column,
html .uikit-layout-preview .column {
    box-sizing: border-box;
    overflow: hidden
}

.admin .main-typography .footer-rows,
html .footer-rows,
.admin .main-typography .header-rows,
html .header-rows {
    position: relative
}

.admin .main-typography .uc-row,
html .uc-row {
    position: relative
}

.admin .main-typography .uc-row .video-container,
html .uc-row .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.admin .main-typography .uc-row .video-container iframe,
html .uc-row .video-container iframe,
.admin .main-typography .uc-row .video-container object,
html .uc-row .video-container object,
.admin .main-typography .uc-row .video-container embed,
html .uc-row .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.admin .main-typography .uc-row .video-mobile-container,
html .uc-row .video-mobile-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    background-size: cover;
    background-position: center
}

.admin .main-typography html:not(.admin) .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox input[type=checkbox]:checked+span:after,
html html:not(.admin) .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox input[type=checkbox]:checked+span:after {
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/svg/uci-checkmark.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/svg/uci-checkmark.svg)
}

.admin .main-typography html:not(.admin) .uc-dropdown:after,
html html:not(.admin) .uc-dropdown:after {
    top: calc(calc(var(--form-height) - 24px)/2)
}

.admin .main-typography .confirm-layer-container,
html .confirm-layer-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 100000
}

.admin .main-typography .confirm-layer-container .confirm-layer,
html .confirm-layer-container .confirm-layer {
    height: 100%;
    opacity: 0;
    text-align: center
}

.admin .main-typography .confirm-layer-container .confirm-layer .invisible,
html .confirm-layer-container .confirm-layer .invisible {
    display: none
}

.admin .main-typography .confirm-layer-container.active,
html .confirm-layer-container.active {
    display: block
}

.admin .main-typography .confirm-layer-container.active .confirm-layer,
html .confirm-layer-container.active .confirm-layer {
    opacity: 1;
    cursor: default !important
}

.admin .main-typography .confirm-layer-container.active .confirm-layer *,
html .confirm-layer-container.active .confirm-layer * {
    cursor: default !important
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container,
html .confirm-layer-container:not(.profile) .confirm-container {
    width: 340px;
    font-weight: 300;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container {
    width: 380px;
    max-width: 90vw;
    border-radius: 20px;
    color: #575757
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-message,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-message {
    font-size: 21px;
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center;
    color: #575757
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-description,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-description {
    margin: 20px 30px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #575757
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox-container,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox-container {
    margin: 0 30px;
    text-align: left
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox {
    width: 100%
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox span,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox span {
    font-size: 13px;
    text-align: left;
    font-weight: 600;
    color: #575757
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox span:before,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox span:before {
    content: "";
    color: transparent;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 4px;
    text-align: center;
    font-size: 17px;
    transition: all 150ms ease;
    border: 2px solid #bbbbaf;
    background-color: #f1f1eb
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox input[type=checkbox]:checked+span::after,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox input[type=checkbox]:checked+span::after {
    background-color: var(--main-color);
    border-color: transparent;
    font-size: 15px;
    border-radius: 4px;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/svg/uci-checkmark.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/svg/uci-checkmark.svg)
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox:hover span:after,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .checkbox:hover span:after {
    filter: brightness(100%);
    border: 2px solid #bbbbaf;
    background-color: #f1f1eb
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons {
    margin: 20px;
    border: none
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn {
    min-width: unset;
    margin: 0 10px;
    flex: 1;
    height: 36px;
    line-height: 36px;
    border-radius: 100px;
    border: none;
    font-size: 16px;
    font-weight: 600
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn:last-child,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn:last-child {
    background: var(--main-color);
    color: #fff
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn:first-child,
html .confirm-layer-container:not(.profile) .confirm-container.sign-out-confirm-container .confirm-buttons .btn:first-child {
    background: var(--quinary-color);
    color: var(--primary-color)
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-message,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-message {
    font-size: 16px;
    color: #8c8c85;
    margin: 30px;
    word-wrap: break-word
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-loader,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-loader {
    height: 1em;
    margin: 0 auto 1em
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons>a,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons>a {
    cursor: pointer !important;
    pointer-events: all !important
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf {
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    font-size: 14px;
    color: #4a4a4a;
    background: 0 0;
    border-top: 1px solid #f1f1eb;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf:first-child,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf:first-child {
    border-right: 1px solid #f1f1eb
}

.admin .main-typography .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf:hover,
html .confirm-layer-container:not(.profile) .confirm-container .confirm-buttons .btn-conf:hover {
    background: #fafaf7
}

.admin .main-typography .confirm-layer-container.profile,
html .confirm-layer-container.profile {
    background: rgba(255, 255, 255, .9)
}

.admin .main-typography .confirm-layer-container.profile .confirm-message,
html .confirm-layer-container.profile .confirm-message {
    margin-bottom: 22px;
    font-size: 14px
}

.admin .main-typography .confirm-layer-container.profile .confirm-buttons .btn-discard,
html .confirm-layer-container.profile .confirm-buttons .btn-discard {
    margin-right: 17px
}

.admin .main-typography .loading-spinner,
html .loading-spinner {
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    -webkit-animation: spinner 1s infinite linear;
    -moz-animation: spinner 1s infinite linear;
    -o-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-left: 4px solid #8c8c85;
    border-right: 4px solid #8c8c85;
    border-bottom: 4px solid #d4d4c9;
    border-top: 4px solid #8c8c85;
    border-radius: 100%;
    font-size: 0;
    flex-shrink: 0
}

.admin .main-typography .image-popup,
html .image-popup {
    background-color: rgba(0, 0, 0, .95);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    display: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.admin .main-typography .image-popup *,
html .image-popup * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.admin .main-typography .image-popup .image-popup-layer,
html .image-popup .image-popup-layer {
    height: 100%
}

.admin .main-typography .image-popup .image-popup-layer .uci-close,
html .image-popup .image-popup-layer .uci-close {
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 18px;
    color: #d4d4c9;
    cursor: pointer;
    margin: 5px;
    color: #d4d4c9;
    pointer-events: all
}

.admin .main-typography .image-popup .image-popup-layer .uci-close svg,
html .image-popup .image-popup-layer .uci-close svg {
    width: 18px;
    height: 18px;
    fill: #d4d4c9;
    stroke: #000
}

.admin .main-typography .image-popup .image-popup-layer .gallery-left,
html .image-popup .image-popup-layer .gallery-left,
.admin .main-typography .image-popup .image-popup-layer .gallery-right,
html .image-popup .image-popup-layer .gallery-right {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    cursor: pointer;
    color: #fff;
    font-size: 28px
}

.admin .main-typography .image-popup .image-popup-layer .gallery-left svg,
html .image-popup .image-popup-layer .gallery-left svg,
.admin .main-typography .image-popup .image-popup-layer .gallery-right svg,
html .image-popup .image-popup-layer .gallery-right svg {
    width: 28px;
    height: 28px;
    fill: #fff
}

.admin .main-typography .image-popup .image-popup-layer .gallery-left,
html .image-popup .image-popup-layer .gallery-left {
    left: 20px
}

.admin .main-typography .image-popup .image-popup-layer .gallery-right,
html .image-popup .image-popup-layer .gallery-right {
    right: 20px
}

.admin .main-typography .image-popup .image-popup-layer .product-gallery-left,
html .image-popup .image-popup-layer .product-gallery-left,
.admin .main-typography .image-popup .image-popup-layer .product-gallery-right,
html .image-popup .image-popup-layer .product-gallery-right {
    position: absolute;
    cursor: pointer
}

.admin .main-typography .image-popup .image-popup-layer .product-gallery-left svg,
html .image-popup .image-popup-layer .product-gallery-left svg,
.admin .main-typography .image-popup .image-popup-layer .product-gallery-right svg,
html .image-popup .image-popup-layer .product-gallery-right svg {
    width: 28px;
    height: 28px;
    fill: #fff
}

.admin .main-typography .image-popup .image-popup-layer .product-gallery-left,
html .image-popup .image-popup-layer .product-gallery-left {
    left: 20px
}

.admin .main-typography .image-popup .image-popup-layer .product-gallery-right,
html .image-popup .image-popup-layer .product-gallery-right {
    right: 20px
}

.admin .main-typography .image-popup .image-popup-layer .image-box,
html .image-popup .image-popup-layer .image-box {
    pointer-events: none;
    height: 100%;
    width: 100%
}

.admin .main-typography .image-popup .image-popup-layer .image-box img,
html .image-popup .image-popup-layer .image-box img {
    pointer-events: all;
    max-height: 80vh;
    max-width: 80%;
    object-fit: contain
}

.admin .main-typography .image-popup .image-popup-layer .image-box video,
html .image-popup .image-popup-layer .image-box video {
    pointer-events: all;
    max-height: 755px;
    max-width: 90%;
    width: auto
}

.admin .main-typography .image-popup.active,
html .image-popup.active {
    display: block
}

.admin .main-typography .image-popup.hide-arrows .gallery-left,
html .image-popup.hide-arrows .gallery-left,
.admin .main-typography .image-popup.hide-arrows .gallery-right,
html .image-popup.hide-arrows .gallery-right {
    display: none
}

.admin .main-typography .preview-message,
html .preview-message {
    min-height: 42px;
    background: rgba(241, 241, 235, .88);
    position: relative;
    padding: 20px 50px 20px 20px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100000;
    transition: 500ms all
}

.admin .main-typography .preview-message .message-info,
html .preview-message .message-info {
    font-size: 12px;
    font-family: open sans, sans-serif;
    color: #353535;
    word-break: break-word;
    line-height: normal
}

.admin .main-typography .preview-message .close-message,
html .preview-message .close-message {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    font-size: 16px
}

.admin .main-typography .preview-message.hide-message,
html .preview-message.hide-message {
    margin-top: -60px;
    opacity: 0
}

.admin .main-typography .AlignLeft,
html .AlignLeft {
    text-align: left
}

.admin .main-typography .AlignCenter,
html .AlignCenter {
    text-align: center !important
}

.admin .main-typography .AlignRight,
html .AlignRight {
    text-align: right !important
}

.admin .main-typography .AlignJustify,
html .AlignJustify {
    text-align: justify !important;
    text-align-last: justify !important
}

.admin .main-typography .cover,
html .cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 100%
}

.admin .main-typography .cover .hi,
html .cover .hi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: roboto slab, serif;
    font-size: 24px;
    line-height: 26px;
    text-align: center
}

.admin .main-typography .cover .hi span,
html .cover .hi span {
    color: #ff0;
    cursor: pointer;
    text-decoration: underline
}

.admin .main-typography .cover .hi em,
html .cover .hi em {
    font-style: normal
}

.admin .main-typography .cover .hi em.hidden,
html .cover .hi em.hidden {
    display: none
}

.admin .main-typography .youtube-background,
html .youtube-background,
.admin .main-typography .vimeo,
html .vimeo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.admin .main-typography .youtube-background .screen,
html .youtube-background .screen,
.admin .main-typography .vimeo .screen,
html .vimeo .screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    opacity: 0;
    transition: opacity .5s
}

.admin .main-typography .youtube-background .screen.active,
html .youtube-background .screen.active,
.admin .main-typography .vimeo .screen.active,
html .vimeo .screen.active {
    opacity: 1
}

.admin .main-typography .backgroundVideoImage,
html .backgroundVideoImage {
    z-index: 0
}

.admin .main-typography .backgroundVideoImage.hide-background-image,
html .backgroundVideoImage.hide-background-image {
    opacity: 0 !important;
    transition: opacity .6s
}

.admin .main-typography .mce-content-body[data-mce-placeholder]::before,
html .mce-content-body[data-mce-placeholder]::before {
    font-size: 14px !important
}

.admin .main-typography .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before,
html .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
    left: auto
}

.admin .main-typography .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before,
html .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
    right: auto
}

.admin .main-typography .mobile .youtube-background .screen,
html .mobile .youtube-background .screen {
    max-width: 100vw;
    left: 0 !important
}

.admin .main-typography .uc-masonry-container .uc-masonry-item-block,
html .uc-masonry-container .uc-masonry-item-block {
    opacity: 1;
    transition: opacity .3s
}

.admin .main-typography .uc-masonry-container .uc-masonry-item-block.uc-masonry-item-not-loaded,
html .uc-masonry-container .uc-masonry-item-block.uc-masonry-item-not-loaded {
    opacity: 0
}

.admin .main-typography .uc-visibility-hidden-container,
html .uc-visibility-hidden-container {
    visibility: hidden
}

.admin .main-typography .subMenu__show,
html .subMenu__show {
    pointer-events: all !important
}

.admin .main-typography .subMenu__show *,
html .subMenu__show * {
    pointer-events: all !important
}

.admin .main-typography .subMenu__hide,
html .subMenu__hide {
    display: none !important
}

.admin .main-typography .subMenu__not-checked,
html .subMenu__not-checked {
    opacity: 0
}

.admin .main-typography .subMenu__to-top,
html .subMenu__to-top {
    bottom: 0 !important
}

.admin .main-typography .subMenu__to-top-main,
html .subMenu__to-top-main,
.admin .main-typography .subMenu__to-bottom-main,
html .subMenu__to-bottom-main {
    position: absolute
}

.admin .main-typography .subMenu__to-top-main.left,
html .subMenu__to-top-main.left,
.admin .main-typography .subMenu__to-bottom-main.left,
html .subMenu__to-bottom-main.left {
    left: 0
}

.admin .main-typography .subMenu__to-top-main.right,
html .subMenu__to-top-main.right,
.admin .main-typography .subMenu__to-bottom-main.right,
html .subMenu__to-bottom-main.right {
    right: 0
}

.admin .main-typography .subMenu__to-top-main.center:not(.subMenu__to-left):not(.subMenu__to-right),
html .subMenu__to-top-main.center:not(.subMenu__to-left):not(.subMenu__to-right),
.admin .main-typography .subMenu__to-bottom-main.center:not(.subMenu__to-left):not(.subMenu__to-right),
html .subMenu__to-bottom-main.center:not(.subMenu__to-left):not(.subMenu__to-right) {
    left: 50% !important;
    transform: translateX(-50%)
}

.admin .main-typography .subMenu__to-top-main,
html .subMenu__to-top-main {
    bottom: 100% !important
}

.admin .main-typography .subMenu__to-bottom,
html .subMenu__to-bottom {
    top: 0 !important
}

.admin .main-typography .subMenu__to-bottom-main,
html .subMenu__to-bottom-main {
    top: 100% !important
}

.admin .main-typography .subMenu__show-arrow::before,
html .subMenu__show-arrow::before {
    content: "";
    display: inline-flex;
    position: absolute;
    width: 14px;
    height: 14px;
    z-index: 1
}

.admin .main-typography .subMenu__show-arrow::after,
html .subMenu__show-arrow::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 14px !important;
    z-index: 1
}

.admin .main-typography .subMenu__show-arrow.left::before,
html .subMenu__show-arrow.left::before {
    left: 20px
}

.admin .main-typography .subMenu__show-arrow.right::before,
html .subMenu__show-arrow.right::before {
    right: 20px
}

.admin .main-typography .subMenu__show-arrow.center:not(.subMenu__to-left):not(.subMenu__to-right)::before,
html .subMenu__show-arrow.center:not(.subMenu__to-left):not(.subMenu__to-right)::before {
    left: 50% !important;
    transform: translateX(-50%)
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-top-main,
html .subMenu__show-arrow.subMenu__to-top-main {
    margin-bottom: 14px
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-top-main::before,
html .subMenu__show-arrow.subMenu__to-top-main::before {
    bottom: -14px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-top-main::after,
html .subMenu__show-arrow.subMenu__to-top-main::after {
    bottom: -14px
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-bottom-main,
html .subMenu__show-arrow.subMenu__to-bottom-main {
    margin-top: 14px
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-bottom-main::before,
html .subMenu__show-arrow.subMenu__to-bottom-main::before {
    top: -14px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid
}

.admin .main-typography .subMenu__show-arrow.subMenu__to-bottom-main::after,
html .subMenu__show-arrow.subMenu__to-bottom-main::after {
    top: -14px
}

.admin .main-typography .subMenu__to-left-main::before,
html .subMenu__to-left-main::before,
.admin .main-typography .subMenu__to-right-main::before,
html .subMenu__to-right-main::before {
    content: "";
    display: inline-flex;
    position: absolute;
    width: 14px;
    height: 14px;
    z-index: 1
}

.admin .main-typography .subMenu__to-left,
html .subMenu__to-left {
    left: auto !important;
    right: 0 !important
}

.admin .main-typography .subMenu__to-left::before,
html .subMenu__to-left::before {
    left: auto !important;
    right: 20px !important
}

.admin .main-typography .subMenu__to-left-main,
html .subMenu__to-left-main {
    left: auto !important;
    right: 100% !important;
    margin-right: 10px
}

.admin .main-typography .subMenu__to-right,
html .subMenu__to-right {
    left: 0 !important;
    right: auto !important
}

.admin .main-typography .subMenu__to-right::before,
html .subMenu__to-right::before {
    left: 20px !important;
    right: auto !important
}

.admin .main-typography .subMenu__to-right-main,
html .subMenu__to-right-main {
    left: 100% !important;
    right: auto !important;
    margin-left: 10px
}

.admin .main-typography .subMenu__parent-row,
html .subMenu__parent-row,
.admin .main-typography .subMenu__parent-row .row-container,
html .subMenu__parent-row .row-container,
.admin .main-typography .subMenu__parent-module,
html .subMenu__parent-module,
.admin .main-typography .subMenu__parent-module .module,
html .subMenu__parent-module .module {
    position: relative;
    z-index: 15 !important
}

.admin .main-typography .subMenu__footer-row,
html .subMenu__footer-row {
    overflow: visible !important
}

.admin .main-typography .subMenu__horizontal-arrow-left::before,
html .subMenu__horizontal-arrow-left::before,
.admin .main-typography .subMenu__horizontal-arrow-right::before,
html .subMenu__horizontal-arrow-right::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px
}

.admin .main-typography .subMenu__horizontal-arrow-left::before,
html .subMenu__horizontal-arrow-left::before {
    left: -14px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 14px solid
}

.admin .main-typography .subMenu__horizontal-arrow-left .subMenu__show,
html .subMenu__horizontal-arrow-left .subMenu__show {
    margin-right: 10px
}

.admin .main-typography .subMenu__horizontal-arrow-right::before,
html .subMenu__horizontal-arrow-right::before {
    right: -14px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 14px solid
}

.admin .main-typography .subMenu__horizontal-arrow-right .subMenu__show,
html .subMenu__horizontal-arrow-right .subMenu__show {
    margin-left: 10px
}

.admin .main-typography .uci-dropdown-arrow-down,
html .uci-dropdown-arrow-down {
    font-size: 12px
}

.admin .main-typography .uci-dropdown-arrow-down svg,
html .uci-dropdown-arrow-down svg {
    width: 10px
}

.admin .main-typography .uci-slider-arrow-1-left,
html .uci-slider-arrow-1-left,
.admin .main-typography .uci-slider-arrow-1-right,
html .uci-slider-arrow-1-right {
    font-size: 40px
}

.admin .main-typography .uci-slider-arrow-1-left svg,
html .uci-slider-arrow-1-left svg,
.admin .main-typography .uci-slider-arrow-1-right svg,
html .uci-slider-arrow-1-right svg {
    width: 40px;
    height: 40px
}

.admin .main-typography html:not(.accordion-item) .uci-plus svg,
html html:not(.accordion-item) .uci-plus svg,
.admin .main-typography html:not(.accordion-item) .uci-minus svg,
html html:not(.accordion-item) .uci-minus svg {
    width: 12px;
    height: 12px
}

.admin .main-typography .slider-quotes .uci-slider-arrow-1-left,
html .slider-quotes .uci-slider-arrow-1-left,
.admin .main-typography .slider-quotes .uci-slider-arrow-1-right,
html .slider-quotes .uci-slider-arrow-1-right {
    font-size: 30px
}

.admin .main-typography .slider-quotes .uci-slider-arrow-1-left svg,
html .slider-quotes .uci-slider-arrow-1-left svg,
.admin .main-typography .slider-quotes .uci-slider-arrow-1-right svg,
html .slider-quotes .uci-slider-arrow-1-right svg {
    width: 30px;
    height: 30px
}

.admin .main-typography .uc-popup-close.uci-close,
html .uc-popup-close.uci-close {
    position: absolute;
    margin: 10px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    font-size: 20px
}

.admin .main-typography .footer-rows,
html .footer-rows {
    position: relative
}

.admin .main-typography .column>.module:last-child,
html .column>.module:last-child {
    margin-bottom: 0
}

.admin .main-typography .column>.box-row>.module:last-child,
html .column>.box-row>.module:last-child {
    margin-bottom: 0
}

.admin .main-typography .column-container .module-container,
html .column-container .module-container {
    position: relative
}

.admin .main-typography .module-container .module,
html .module-container .module {
    display: inline-block
}

.admin .main-typography:not(.admin-mode) .module-container.module-forward,
html:not(.admin-mode) .module-container.module-forward {
    z-index: 11
}

.admin .main-typography .module-container,
html .module-container {
    position: relative
}

.admin .main-typography .module-container .row-on-module,
html .module-container .row-on-module {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important
}

.admin .main-typography .module-container .row-on-module:not(.row-forward) .column-container,
html .module-container .row-on-module:not(.row-forward) .column-container {
    overflow: hidden
}

.admin .main-typography .module-container .row-on-module.uc-row.uc-row-public,
html .module-container .row-on-module.uc-row.uc-row-public {
    pointer-events: none
}

.admin .main-typography .module-container .row-on-module.uc-row.uc-row-public .module-container *,
html .module-container .row-on-module.uc-row.uc-row-public .module-container * {
    pointer-events: all
}

.admin .main-typography .module-container .row-on-module.uc-row.uc-row-public .uc-animation.active,
html .module-container .row-on-module.uc-row.uc-row-public .uc-animation.active {
    pointer-events: none
}

.admin .main-typography .module-container .row-on-module .container,
html .module-container .row-on-module .container,
.admin .main-typography .module-container .row-on-module .row-container,
html .module-container .row-on-module .row-container,
.admin .main-typography .module-container .row-on-module .main-row,
html .module-container .row-on-module .main-row,
.admin .main-typography .module-container .row-on-module .header-row,
html .module-container .row-on-module .header-row,
.admin .main-typography .module-container .row-on-module .footer-row,
html .module-container .row-on-module .footer-row {
    width: 100% !important;
    height: 100%
}

.admin .main-typography:not(.admin-mode) .footer-rows .uc-row-wrapper:first-child:last-child,
html:not(.admin-mode) .footer-rows .uc-row-wrapper:first-child:last-child,
.admin .main-typography:not(.admin-mode) .footer-rows .uc-row.last,
html:not(.admin-mode) .footer-rows .uc-row.last {
    margin-bottom: 0 !important
}

.admin .main-typography:not(.admin-mode) .footer-rows>.uc-row-wrapper:last-child>.uc-row,
html:not(.admin-mode) .footer-rows>.uc-row-wrapper:last-child>.uc-row {
    margin-bottom: 0 !important
}

.admin .main-typography .header-and-main-rows.higner-zindex-than-footer,
html .header-and-main-rows.higner-zindex-than-footer {
    position: relative;
    z-index: 3
}

.admin .main-typography .uc-row>.bg-image,
html .uc-row>.bg-image,
.admin .main-typography .header-rows>.bg-image,
html .header-rows>.bg-image,
.admin .main-typography .footer-rows>.bg-image,
html .footer-rows>.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.admin .main-typography .uc-row>.bg-image .bg-image-view,
html .uc-row>.bg-image .bg-image-view,
.admin .main-typography .header-rows>.bg-image .bg-image-view,
html .header-rows>.bg-image .bg-image-view,
.admin .main-typography .footer-rows>.bg-image .bg-image-view,
html .footer-rows>.bg-image .bg-image-view {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.admin .main-typography .uc-row.row-forward,
html .uc-row.row-forward,
.admin .main-typography .header-rows.row-forward,
html .header-rows.row-forward,
.admin .main-typography .footer-rows.row-forward,
html .footer-rows.row-forward {
    z-index: 5
}

.admin .main-typography .uc-row.row-forward.z-minus,
html .uc-row.row-forward.z-minus,
.admin .main-typography .header-rows.row-forward.z-minus,
html .header-rows.row-forward.z-minus,
.admin .main-typography .footer-rows.row-forward.z-minus,
html .footer-rows.row-forward.z-minus {
    z-index: 4
}

.admin .main-typography .uc-row.row-forward.z-plus,
html .uc-row.row-forward.z-plus,
.admin .main-typography .header-rows.row-forward.z-plus,
html .header-rows.row-forward.z-plus,
.admin .main-typography .footer-rows.row-forward.z-plus,
html .footer-rows.row-forward.z-plus {
    z-index: 6
}

.admin .main-typography .uc-row.high-z-index,
html .uc-row.high-z-index,
.admin .main-typography .header-rows.high-z-index,
html .header-rows.high-z-index,
.admin .main-typography .footer-rows.high-z-index,
html .footer-rows.high-z-index {
    z-index: 1000
}

.admin .main-typography .uc-row .bg-video-container,
html .uc-row .bg-video-container,
.admin .main-typography .header-rows .bg-video-container,
html .header-rows .bg-video-container,
.admin .main-typography .footer-rows .bg-video-container,
html .footer-rows .bg-video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0
}

.admin .main-typography .uc-row .bg-video-container video,
html .uc-row .bg-video-container video,
.admin .main-typography .header-rows .bg-video-container video,
html .header-rows .bg-video-container video,
.admin .main-typography .footer-rows .bg-video-container video,
html .footer-rows .bg-video-container video {
    z-index: -100;
    object-fit: cover;
    overflow: hidden;
    top: 0;
    pointer-events: none
}

.admin .main-typography .uc-row .iframe-bg-container,
html .uc-row .iframe-bg-container,
.admin .main-typography .header-rows .iframe-bg-container,
html .header-rows .iframe-bg-container,
.admin .main-typography .footer-rows .iframe-bg-container,
html .footer-rows .iframe-bg-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.admin .main-typography .uc-row .iframe-bg-container>iframe.video-bg,
html .uc-row .iframe-bg-container>iframe.video-bg,
.admin .main-typography .header-rows .iframe-bg-container>iframe.video-bg,
html .header-rows .iframe-bg-container>iframe.video-bg,
.admin .main-typography .footer-rows .iframe-bg-container>iframe.video-bg,
html .footer-rows .iframe-bg-container>iframe.video-bg {
    z-index: -100;
    min-width: 100%;
    min-height: 100vh;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.admin .main-typography .backgroundCover,
html .backgroundCover {
    min-height: 100vh
}

.admin .main-typography .backgroundCover>.row-container>.row,
html .backgroundCover>.row-container>.row {
    height: auto !important;
    min-height: 100vh
}

.admin .main-typography html.admin-mode body.mobile .backgroundCover,
html html.admin-mode body.mobile .backgroundCover {
    min-height: 647px
}

.admin .main-typography html.admin-mode body.mobile .backgroundCover>.row-container>.row,
html html.admin-mode body.mobile .backgroundCover>.row-container>.row {
    height: auto !important;
    min-height: 647px
}

.admin .main-typography html.admin-mode body.mobile .uc-row .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.mobile .uc-row .iframe-bg-container>iframe.video-bg,
.admin .main-typography html.admin-mode body.mobile .header-rows .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.mobile .header-rows .iframe-bg-container>iframe.video-bg,
.admin .main-typography html.admin-mode body.mobile .footer-rows .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.mobile .footer-rows .iframe-bg-container>iframe.video-bg {
    min-height: 647px
}

.admin .main-typography html.admin-mode body.tablet .backgroundCover,
html html.admin-mode body.tablet .backgroundCover {
    min-height: 697px
}

.admin .main-typography html.admin-mode body.tablet .backgroundCover>.row-container>.row,
html html.admin-mode body.tablet .backgroundCover>.row-container>.row {
    height: auto !important;
    min-height: 697px
}

.admin .main-typography html.admin-mode body.tablet .uc-row .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.tablet .uc-row .iframe-bg-container>iframe.video-bg,
.admin .main-typography html.admin-mode body.tablet .header-rows .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.tablet .header-rows .iframe-bg-container>iframe.video-bg,
.admin .main-typography html.admin-mode body.tablet .footer-rows .iframe-bg-container>iframe.video-bg,
html html.admin-mode body.tablet .footer-rows .iframe-bg-container>iframe.video-bg {
    min-height: 697px
}

.admin .main-typography .uc-row .row-container,
html .uc-row .row-container {
    position: relative;
    z-index: 2;
    height: 100%
}

.admin .main-typography .uc-row:after,
html .uc-row:after,
.admin .main-typography .header-rows:after,
html .header-rows:after,
.admin .main-typography .footer-rows:after,
html .footer-rows:after {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover
}

.admin .main-typography .header-rows:after,
html .header-rows:after,
.admin .main-typography .footer-rows:after,
html .footer-rows:after {
    z-index: -1
}

.admin .main-typography .column,
html .column {
    text-align: center;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.admin .main-typography .column .column-container,
html .column .column-container {
    max-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1
}

.admin .main-typography .column.animate,
html .column.animate {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.admin .main-typography .module-container.align-right,
html .module-container.align-right {
    text-align: right
}

.admin .main-typography .module-container.align-right>.module,
html .module-container.align-right>.module,
.admin .main-typography .module-container.align-right>div>.module,
html .module-container.align-right>div>.module {
    margin-left: auto
}

.admin .main-typography .module-container.align-left,
html .module-container.align-left {
    text-align: left
}

.admin .main-typography .module-container.align-left>.module,
html .module-container.align-left>.module,
.admin .main-typography .module-container.align-left>div>.module,
html .module-container.align-left>div>.module {
    margin-right: auto
}

.admin .main-typography .module-container.align-center,
html .module-container.align-center {
    text-align: center
}

.admin .main-typography .module-container.align-center>.module,
html .module-container.align-center>.module,
.admin .main-typography .module-container.align-center>div>.module,
html .module-container.align-center>div>.module {
    margin: 0 auto
}

.admin .main-typography .container,
html .container {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    height: 100%
}

.admin .main-typography .main-layout>.row:last-child,
html .main-layout>.row:last-child {
    margin-bottom: 0
}

.admin .main-typography .row,
html .row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.admin .main-typography .row.reverse,
html .row.reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.admin .main-typography .col.reverse,
html .col.reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.admin .main-typography [class*=col-],
html [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.admin .main-typography .col-xs,
html .col-xs,
.admin .main-typography .col-xs-1,
html .col-xs-1,
.admin .main-typography .col-xs-2,
html .col-xs-2,
.admin .main-typography .col-xs-3,
html .col-xs-3,
.admin .main-typography .col-xs-4,
html .col-xs-4,
.admin .main-typography .col-xs-5,
html .col-xs-5,
.admin .main-typography .col-xs-6,
html .col-xs-6,
.admin .main-typography .col-xs-7,
html .col-xs-7,
.admin .main-typography .col-xs-8,
html .col-xs-8,
.admin .main-typography .col-xs-9,
html .col-xs-9,
.admin .main-typography .col-xs-10,
html .col-xs-10,
.admin .main-typography .col-xs-11,
html .col-xs-11,
.admin .main-typography .col-xs-12,
html .col-xs-12,
.admin .main-typography .col-xs-offset-1,
html .col-xs-offset-1,
.admin .main-typography .col-xs-offset-2,
html .col-xs-offset-2,
.admin .main-typography .col-xs-offset-3,
html .col-xs-offset-3,
.admin .main-typography .col-xs-offset-4,
html .col-xs-offset-4,
.admin .main-typography .col-xs-offset-5,
html .col-xs-offset-5,
.admin .main-typography .col-xs-offset-6,
html .col-xs-offset-6,
.admin .main-typography .col-xs-offset-7,
html .col-xs-offset-7,
.admin .main-typography .col-xs-offset-8,
html .col-xs-offset-8,
.admin .main-typography .col-xs-offset-9,
html .col-xs-offset-9,
.admin .main-typography .col-xs-offset-10,
html .col-xs-offset-10,
.admin .main-typography .col-xs-offset-11,
html .col-xs-offset-11,
.admin .main-typography .col-xs-offset-12,
html .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0;
    padding-left: 0
}

.admin .main-typography .col-xs,
html .col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.admin .main-typography .col-xs-0,
html .col-xs-0 {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%
}

.admin .main-typography .col-xs-1,
html .col-xs-1 {
    -webkit-flex-basis: 8.3333333%;
    -ms-flex-preferred-size: 8.3333333%;
    flex-basis: 8.3333333%;
    max-width: 8.3333333%
}

.admin .main-typography .col-xs-2,
html .col-xs-2 {
    -webkit-flex-basis: 16.6666667%;
    -ms-flex-preferred-size: 16.6666667%;
    flex-basis: 16.6666667%;
    max-width: 16.6666667%
}

.admin .main-typography .col-xs-3,
html .col-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.admin .main-typography .col-xs-4,
html .col-xs-4 {
    -webkit-flex-basis: 33.3333333%;
    -ms-flex-preferred-size: 33.3333333%;
    flex-basis: 33.3333333%;
    max-width: 33.3333333%
}

.admin .main-typography .col-xs-5,
html .col-xs-5 {
    -webkit-flex-basis: 41.6666667%;
    -ms-flex-preferred-size: 41.6666667%;
    flex-basis: 41.6666667%;
    max-width: 41.6666667%
}

.admin .main-typography .col-xs-6,
html .col-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.admin .main-typography .col-xs-7,
html .col-xs-7 {
    -webkit-flex-basis: 58.3333333%;
    -ms-flex-preferred-size: 58.3333333%;
    flex-basis: 58.3333333%;
    max-width: 58.3333333%
}

.admin .main-typography .col-xs-8,
html .col-xs-8 {
    -webkit-flex-basis: 66.6666667%;
    -ms-flex-preferred-size: 66.6666667%;
    flex-basis: 66.6666667%;
    max-width: 66.6666667%
}

.admin .main-typography .col-xs-9,
html .col-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.admin .main-typography .col-xs-10,
html .col-xs-10 {
    -webkit-flex-basis: 83.3333333%;
    -ms-flex-preferred-size: 83.3333333%;
    flex-basis: 83.3333333%;
    max-width: 83.3333333%
}

.admin .main-typography .col-xs-11,
html .col-xs-11 {
    -webkit-flex-basis: 91.6666667%;
    -ms-flex-preferred-size: 91.6666667%;
    flex-basis: 91.6666667%;
    max-width: 91.6666667%
}

.admin .main-typography .col-xs-12,
html .col-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.admin .main-typography .col-xs-offset-1,
html .col-xs-offset-1 {
    margin-left: 8.3333333%
}

.admin .main-typography .col-xs-offset-2,
html .col-xs-offset-2 {
    margin-left: 16.6666667%
}

.admin .main-typography .col-xs-offset-3,
html .col-xs-offset-3 {
    margin-left: 25%
}

.admin .main-typography .col-xs-offset-4,
html .col-xs-offset-4 {
    margin-left: 33.3333333%
}

.admin .main-typography .col-xs-offset-5,
html .col-xs-offset-5 {
    margin-left: 41.6666667%
}

.admin .main-typography .col-xs-offset-6,
html .col-xs-offset-6 {
    margin-left: 50%
}

.admin .main-typography .col-xs-offset-7,
html .col-xs-offset-7 {
    margin-left: 58.3333333%
}

.admin .main-typography .col-xs-offset-8,
html .col-xs-offset-8 {
    margin-left: 66.6666667%
}

.admin .main-typography .col-xs-offset-9,
html .col-xs-offset-9 {
    margin-left: 75%
}

.admin .main-typography .col-xs-offset-10,
html .col-xs-offset-10 {
    margin-left: 83.3333333%
}

.admin .main-typography .col-xs-offset-11,
html .col-xs-offset-11 {
    margin-left: 91.6666667%
}

.admin .main-typography .start-xs,
html .start-xs {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.admin .main-typography .center-xs,
html .center-xs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.admin .main-typography .end-xs,
html .end-xs {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.admin .main-typography .top-xs,
html .top-xs {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.admin .main-typography .middle-xs,
html .middle-xs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.admin .main-typography .bottom-xs,
html .bottom-xs {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.admin .main-typography .around-xs,
html .around-xs {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.admin .main-typography .between-xs,
html .between-xs {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.admin .main-typography .first-xs,
html .first-xs {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.admin .main-typography .last-xs,
html .last-xs {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.admin .main-typography .main-body.mobile .col-xs,
html .main-body.mobile .col-xs,
.admin .main-typography .main-body.mobile .col-xs-1,
html .main-body.mobile .col-xs-1,
.admin .main-typography .main-body.mobile .col-xs-2,
html .main-body.mobile .col-xs-2,
.admin .main-typography .main-body.mobile .col-xs-3,
html .main-body.mobile .col-xs-3,
.admin .main-typography .main-body.mobile .col-xs-4,
html .main-body.mobile .col-xs-4,
.admin .main-typography .main-body.mobile .col-xs-5,
html .main-body.mobile .col-xs-5,
.admin .main-typography .main-body.mobile .col-xs-6,
html .main-body.mobile .col-xs-6,
.admin .main-typography .main-body.mobile .col-xs-7,
html .main-body.mobile .col-xs-7,
.admin .main-typography .main-body.mobile .col-xs-8,
html .main-body.mobile .col-xs-8,
.admin .main-typography .main-body.mobile .col-xs-9,
html .main-body.mobile .col-xs-9,
.admin .main-typography .main-body.mobile .col-xs-10,
html .main-body.mobile .col-xs-10,
.admin .main-typography .main-body.mobile .col-xs-11,
html .main-body.mobile .col-xs-11,
.admin .main-typography .main-body.mobile .col-xs-12,
html .main-body.mobile .col-xs-12,
.admin .main-typography .main-body.mobile .col-xs-offset-1,
html .main-body.mobile .col-xs-offset-1,
.admin .main-typography .main-body.mobile .col-xs-offset-2,
html .main-body.mobile .col-xs-offset-2,
.admin .main-typography .main-body.mobile .col-xs-offset-3,
html .main-body.mobile .col-xs-offset-3,
.admin .main-typography .main-body.mobile .col-xs-offset-4,
html .main-body.mobile .col-xs-offset-4,
.admin .main-typography .main-body.mobile .col-xs-offset-5,
html .main-body.mobile .col-xs-offset-5,
.admin .main-typography .main-body.mobile .col-xs-offset-6,
html .main-body.mobile .col-xs-offset-6,
.admin .main-typography .main-body.mobile .col-xs-offset-7,
html .main-body.mobile .col-xs-offset-7,
.admin .main-typography .main-body.mobile .col-xs-offset-8,
html .main-body.mobile .col-xs-offset-8,
.admin .main-typography .main-body.mobile .col-xs-offset-9,
html .main-body.mobile .col-xs-offset-9,
.admin .main-typography .main-body.mobile .col-xs-offset-10,
html .main-body.mobile .col-xs-offset-10,
.admin .main-typography .main-body.mobile .col-xs-offset-11,
html .main-body.mobile .col-xs-offset-11,
.admin .main-typography .main-body.mobile .col-xs-offset-12,
html .main-body.mobile .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0;
    padding-left: 0
}

.admin .main-typography .main-body.mobile .col-xs,
html .main-body.mobile .col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.admin .main-typography .main-body.mobile .col-xs-1,
html .main-body.mobile .col-xs-1 {
    -webkit-flex-basis: 8.3333333%;
    -ms-flex-preferred-size: 8.3333333%;
    flex-basis: 8.3333333%;
    max-width: 8.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-0,
html .main-body.mobile .col-xs-0 {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%
}

.admin .main-typography .main-body.mobile .col-xs-2,
html .main-body.mobile .col-xs-2 {
    -webkit-flex-basis: 16.6666667%;
    -ms-flex-preferred-size: 16.6666667%;
    flex-basis: 16.6666667%;
    max-width: 16.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-3,
html .main-body.mobile .col-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.admin .main-typography .main-body.mobile .col-xs-4,
html .main-body.mobile .col-xs-4 {
    -webkit-flex-basis: 33.3333333%;
    -ms-flex-preferred-size: 33.3333333%;
    flex-basis: 33.3333333%;
    max-width: 33.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-5,
html .main-body.mobile .col-xs-5 {
    -webkit-flex-basis: 41.6666667%;
    -ms-flex-preferred-size: 41.6666667%;
    flex-basis: 41.6666667%;
    max-width: 41.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-6,
html .main-body.mobile .col-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.admin .main-typography .main-body.mobile .col-xs-7,
html .main-body.mobile .col-xs-7 {
    -webkit-flex-basis: 58.3333333%;
    -ms-flex-preferred-size: 58.3333333%;
    flex-basis: 58.3333333%;
    max-width: 58.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-8,
html .main-body.mobile .col-xs-8 {
    -webkit-flex-basis: 66.6666667%;
    -ms-flex-preferred-size: 66.6666667%;
    flex-basis: 66.6666667%;
    max-width: 66.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-9,
html .main-body.mobile .col-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.admin .main-typography .main-body.mobile .col-xs-10,
html .main-body.mobile .col-xs-10 {
    -webkit-flex-basis: 83.3333333%;
    -ms-flex-preferred-size: 83.3333333%;
    flex-basis: 83.3333333%;
    max-width: 83.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-11,
html .main-body.mobile .col-xs-11 {
    -webkit-flex-basis: 91.6666667%;
    -ms-flex-preferred-size: 91.6666667%;
    flex-basis: 91.6666667%;
    max-width: 91.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-12,
html .main-body.mobile .col-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.admin .main-typography .main-body.mobile .col-xs-offset-1,
html .main-body.mobile .col-xs-offset-1 {
    margin-left: 8.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-offset-2,
html .main-body.mobile .col-xs-offset-2 {
    margin-left: 16.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-offset-3,
html .main-body.mobile .col-xs-offset-3 {
    margin-left: 25%
}

.admin .main-typography .main-body.mobile .col-xs-offset-4,
html .main-body.mobile .col-xs-offset-4 {
    margin-left: 33.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-offset-5,
html .main-body.mobile .col-xs-offset-5 {
    margin-left: 41.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-offset-6,
html .main-body.mobile .col-xs-offset-6 {
    margin-left: 50%
}

.admin .main-typography .main-body.mobile .col-xs-offset-7,
html .main-body.mobile .col-xs-offset-7 {
    margin-left: 58.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-offset-8,
html .main-body.mobile .col-xs-offset-8 {
    margin-left: 66.6666667%
}

.admin .main-typography .main-body.mobile .col-xs-offset-9,
html .main-body.mobile .col-xs-offset-9 {
    margin-left: 75%
}

.admin .main-typography .main-body.mobile .col-xs-offset-10,
html .main-body.mobile .col-xs-offset-10 {
    margin-left: 83.3333333%
}

.admin .main-typography .main-body.mobile .col-xs-offset-11,
html .main-body.mobile .col-xs-offset-11 {
    margin-left: 91.6666667%
}

.admin .main-typography .main-body.mobile .start-xs,
html .main-body.mobile .start-xs {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.admin .main-typography .main-body.mobile .center-xs,
html .main-body.mobile .center-xs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.admin .main-typography .main-body.mobile .end-xs,
html .main-body.mobile .end-xs {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.admin .main-typography .main-body.mobile .top-xs,
html .main-body.mobile .top-xs {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.admin .main-typography .main-body.mobile .middle-xs,
html .main-body.mobile .middle-xs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.admin .main-typography .main-body.mobile .bottom-xs,
html .main-body.mobile .bottom-xs {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.admin .main-typography .main-body.mobile .around-xs,
html .main-body.mobile .around-xs {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.admin .main-typography .main-body.mobile .between-xs,
html .main-body.mobile .between-xs {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.admin .main-typography .main-body.mobile .first-xs,
html .main-body.mobile .first-xs {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.admin .main-typography .main-body.mobile .last-xs,
html .main-body.mobile .last-xs {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.admin .main-typography .main-body.tablet .column:not(:last-child),
html .main-body.tablet .column:not(:last-child) {
    margin-bottom: 0
}

.admin .main-typography .main-body.tablet .col-sm,
html .main-body.tablet .col-sm,
.admin .main-typography .main-body.tablet .col-sm-1,
html .main-body.tablet .col-sm-1,
.admin .main-typography .main-body.tablet .col-sm-2,
html .main-body.tablet .col-sm-2,
.admin .main-typography .main-body.tablet .col-sm-3,
html .main-body.tablet .col-sm-3,
.admin .main-typography .main-body.tablet .col-sm-4,
html .main-body.tablet .col-sm-4,
.admin .main-typography .main-body.tablet .col-sm-5,
html .main-body.tablet .col-sm-5,
.admin .main-typography .main-body.tablet .col-sm-6,
html .main-body.tablet .col-sm-6,
.admin .main-typography .main-body.tablet .col-sm-7,
html .main-body.tablet .col-sm-7,
.admin .main-typography .main-body.tablet .col-sm-8,
html .main-body.tablet .col-sm-8,
.admin .main-typography .main-body.tablet .col-sm-9,
html .main-body.tablet .col-sm-9,
.admin .main-typography .main-body.tablet .col-sm-10,
html .main-body.tablet .col-sm-10,
.admin .main-typography .main-body.tablet .col-sm-11,
html .main-body.tablet .col-sm-11,
.admin .main-typography .main-body.tablet .col-sm-12,
html .main-body.tablet .col-sm-12,
.admin .main-typography .main-body.tablet .col-sm-offset-1,
html .main-body.tablet .col-sm-offset-1,
.admin .main-typography .main-body.tablet .col-sm-offset-2,
html .main-body.tablet .col-sm-offset-2,
.admin .main-typography .main-body.tablet .col-sm-offset-3,
html .main-body.tablet .col-sm-offset-3,
.admin .main-typography .main-body.tablet .col-sm-offset-4,
html .main-body.tablet .col-sm-offset-4,
.admin .main-typography .main-body.tablet .col-sm-offset-5,
html .main-body.tablet .col-sm-offset-5,
.admin .main-typography .main-body.tablet .col-sm-offset-6,
html .main-body.tablet .col-sm-offset-6,
.admin .main-typography .main-body.tablet .col-sm-offset-7,
html .main-body.tablet .col-sm-offset-7,
.admin .main-typography .main-body.tablet .col-sm-offset-8,
html .main-body.tablet .col-sm-offset-8,
.admin .main-typography .main-body.tablet .col-sm-offset-9,
html .main-body.tablet .col-sm-offset-9,
.admin .main-typography .main-body.tablet .col-sm-offset-10,
html .main-body.tablet .col-sm-offset-10,
.admin .main-typography .main-body.tablet .col-sm-offset-11,
html .main-body.tablet .col-sm-offset-11,
.admin .main-typography .main-body.tablet .col-sm-offset-12,
html .main-body.tablet .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0;
    padding-left: 0
}

.admin .main-typography .main-body.tablet .col-sm,
html .main-body.tablet .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.admin .main-typography .main-body.tablet .col-sm-0,
html .main-body.tablet .col-sm-0 {
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%
}

.admin .main-typography .main-body.tablet .col-sm-1,
html .main-body.tablet .col-sm-1 {
    -webkit-flex-basis: 8.3333333%;
    -ms-flex-preferred-size: 8.3333333%;
    flex-basis: 8.3333333%;
    max-width: 8.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-2,
html .main-body.tablet .col-sm-2 {
    -webkit-flex-basis: 16.6666667%;
    -ms-flex-preferred-size: 16.6666667%;
    flex-basis: 16.6666667%;
    max-width: 16.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-3,
html .main-body.tablet .col-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.admin .main-typography .main-body.tablet .col-sm-4,
html .main-body.tablet .col-sm-4 {
    -webkit-flex-basis: 33.3333333%;
    -ms-flex-preferred-size: 33.3333333%;
    flex-basis: 33.3333333%;
    max-width: 33.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-5,
html .main-body.tablet .col-sm-5 {
    -webkit-flex-basis: 41.6666667%;
    -ms-flex-preferred-size: 41.6666667%;
    flex-basis: 41.6666667%;
    max-width: 41.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-6,
html .main-body.tablet .col-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.admin .main-typography .main-body.tablet .col-sm-7,
html .main-body.tablet .col-sm-7 {
    -webkit-flex-basis: 58.3333333%;
    -ms-flex-preferred-size: 58.3333333%;
    flex-basis: 58.3333333%;
    max-width: 58.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-8,
html .main-body.tablet .col-sm-8 {
    -webkit-flex-basis: 66.6666667%;
    -ms-flex-preferred-size: 66.6666667%;
    flex-basis: 66.6666667%;
    max-width: 66.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-9,
html .main-body.tablet .col-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.admin .main-typography .main-body.tablet .col-sm-10,
html .main-body.tablet .col-sm-10 {
    -webkit-flex-basis: 83.3333333%;
    -ms-flex-preferred-size: 83.3333333%;
    flex-basis: 83.3333333%;
    max-width: 83.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-11,
html .main-body.tablet .col-sm-11 {
    -webkit-flex-basis: 91.6666667%;
    -ms-flex-preferred-size: 91.6666667%;
    flex-basis: 91.6666667%;
    max-width: 91.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-12,
html .main-body.tablet .col-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.admin .main-typography .main-body.tablet .col-sm-offset-1,
html .main-body.tablet .col-sm-offset-1 {
    margin-left: 8.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-offset-2,
html .main-body.tablet .col-sm-offset-2 {
    margin-left: 16.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-offset-3,
html .main-body.tablet .col-sm-offset-3 {
    margin-left: 25%
}

.admin .main-typography .main-body.tablet .col-sm-offset-4,
html .main-body.tablet .col-sm-offset-4 {
    margin-left: 33.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-offset-5,
html .main-body.tablet .col-sm-offset-5 {
    margin-left: 41.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-offset-6,
html .main-body.tablet .col-sm-offset-6 {
    margin-left: 50%
}

.admin .main-typography .main-body.tablet .col-sm-offset-7,
html .main-body.tablet .col-sm-offset-7 {
    margin-left: 58.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-offset-8,
html .main-body.tablet .col-sm-offset-8 {
    margin-left: 66.6666667%
}

.admin .main-typography .main-body.tablet .col-sm-offset-9,
html .main-body.tablet .col-sm-offset-9 {
    margin-left: 75%
}

.admin .main-typography .main-body.tablet .col-sm-offset-10,
html .main-body.tablet .col-sm-offset-10 {
    margin-left: 83.3333333%
}

.admin .main-typography .main-body.tablet .col-sm-offset-11,
html .main-body.tablet .col-sm-offset-11 {
    margin-left: 91.6666667%
}

.admin .main-typography .main-body.tablet .start-sm,
html .main-body.tablet .start-sm {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.admin .main-typography .main-body.tablet .center-sm,
html .main-body.tablet .center-sm {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.admin .main-typography .main-body.tablet .end-sm,
html .main-body.tablet .end-sm {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.admin .main-typography .main-body.tablet .top-sm,
html .main-body.tablet .top-sm {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.admin .main-typography .main-body.tablet .middle-sm,
html .main-body.tablet .middle-sm {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.admin .main-typography .main-body.tablet .bottom-sm,
html .main-body.tablet .bottom-sm {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.admin .main-typography .main-body.tablet .around-sm,
html .main-body.tablet .around-sm {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.admin .main-typography .main-body.tablet .between-sm,
html .main-body.tablet .between-sm {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.admin .main-typography .main-body.tablet .first-sm,
html .main-body.tablet .first-sm {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.admin .main-typography .main-body.tablet .last-sm,
html .main-body.tablet .last-sm {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:810px) {
    .admin .main-typography .column:not(:last-child),
    html .column:not(:last-child) {
        margin-bottom: 0
    }
    .admin .main-typography .col-sm,
    html .col-sm,
    .admin .main-typography .col-sm-1,
    html .col-sm-1,
    .admin .main-typography .col-sm-2,
    html .col-sm-2,
    .admin .main-typography .col-sm-3,
    html .col-sm-3,
    .admin .main-typography .col-sm-4,
    html .col-sm-4,
    .admin .main-typography .col-sm-5,
    html .col-sm-5,
    .admin .main-typography .col-sm-6,
    html .col-sm-6,
    .admin .main-typography .col-sm-7,
    html .col-sm-7,
    .admin .main-typography .col-sm-8,
    html .col-sm-8,
    .admin .main-typography .col-sm-9,
    html .col-sm-9,
    .admin .main-typography .col-sm-10,
    html .col-sm-10,
    .admin .main-typography .col-sm-11,
    html .col-sm-11,
    .admin .main-typography .col-sm-12,
    html .col-sm-12,
    .admin .main-typography .col-sm-offset-1,
    html .col-sm-offset-1,
    .admin .main-typography .col-sm-offset-2,
    html .col-sm-offset-2,
    .admin .main-typography .col-sm-offset-3,
    html .col-sm-offset-3,
    .admin .main-typography .col-sm-offset-4,
    html .col-sm-offset-4,
    .admin .main-typography .col-sm-offset-5,
    html .col-sm-offset-5,
    .admin .main-typography .col-sm-offset-6,
    html .col-sm-offset-6,
    .admin .main-typography .col-sm-offset-7,
    html .col-sm-offset-7,
    .admin .main-typography .col-sm-offset-8,
    html .col-sm-offset-8,
    .admin .main-typography .col-sm-offset-9,
    html .col-sm-offset-9,
    .admin .main-typography .col-sm-offset-10,
    html .col-sm-offset-10,
    .admin .main-typography .col-sm-offset-11,
    html .col-sm-offset-11,
    .admin .main-typography .col-sm-offset-12,
    html .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }
    .admin .main-typography .col-sm,
    html .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .admin .main-typography .col-sm-0,
    html .col-sm-0 {
        -webkit-flex-basis: 0%;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%
    }
    .admin .main-typography .col-sm-1,
    html .col-sm-1 {
        -webkit-flex-basis: 8.3333333%;
        -ms-flex-preferred-size: 8.3333333%;
        flex-basis: 8.3333333%;
        max-width: 8.3333333%
    }
    .admin .main-typography .col-sm-2,
    html .col-sm-2 {
        -webkit-flex-basis: 16.6666667%;
        -ms-flex-preferred-size: 16.6666667%;
        flex-basis: 16.6666667%;
        max-width: 16.6666667%
    }
    .admin .main-typography .col-sm-3,
    html .col-sm-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .admin .main-typography .col-sm-4,
    html .col-sm-4 {
        -webkit-flex-basis: 33.3333333%;
        -ms-flex-preferred-size: 33.3333333%;
        flex-basis: 33.3333333%;
        max-width: 33.3333333%
    }
    .admin .main-typography .col-sm-5,
    html .col-sm-5 {
        -webkit-flex-basis: 41.6666667%;
        -ms-flex-preferred-size: 41.6666667%;
        flex-basis: 41.6666667%;
        max-width: 41.6666667%
    }
    .admin .main-typography .col-sm-6,
    html .col-sm-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .admin .main-typography .col-sm-7,
    html .col-sm-7 {
        -webkit-flex-basis: 58.3333333%;
        -ms-flex-preferred-size: 58.3333333%;
        flex-basis: 58.3333333%;
        max-width: 58.3333333%
    }
    .admin .main-typography .col-sm-8,
    html .col-sm-8 {
        -webkit-flex-basis: 66.6666667%;
        -ms-flex-preferred-size: 66.6666667%;
        flex-basis: 66.6666667%;
        max-width: 66.6666667%
    }
    .admin .main-typography .col-sm-9,
    html .col-sm-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .admin .main-typography .col-sm-10,
    html .col-sm-10 {
        -webkit-flex-basis: 83.3333333%;
        -ms-flex-preferred-size: 83.3333333%;
        flex-basis: 83.3333333%;
        max-width: 83.3333333%
    }
    .admin .main-typography .col-sm-11,
    html .col-sm-11 {
        -webkit-flex-basis: 91.6666667%;
        -ms-flex-preferred-size: 91.6666667%;
        flex-basis: 91.6666667%;
        max-width: 91.6666667%
    }
    .admin .main-typography .col-sm-12,
    html .col-sm-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .admin .main-typography .col-sm-offset-1,
    html .col-sm-offset-1 {
        margin-left: 8.3333333%
    }
    .admin .main-typography .col-sm-offset-2,
    html .col-sm-offset-2 {
        margin-left: 16.6666667%
    }
    .admin .main-typography .col-sm-offset-3,
    html .col-sm-offset-3 {
        margin-left: 25%
    }
    .admin .main-typography .col-sm-offset-4,
    html .col-sm-offset-4 {
        margin-left: 33.3333333%
    }
    .admin .main-typography .col-sm-offset-5,
    html .col-sm-offset-5 {
        margin-left: 41.6666667%
    }
    .admin .main-typography .col-sm-offset-6,
    html .col-sm-offset-6 {
        margin-left: 50%
    }
    .admin .main-typography .col-sm-offset-7,
    html .col-sm-offset-7 {
        margin-left: 58.3333333%
    }
    .admin .main-typography .col-sm-offset-8,
    html .col-sm-offset-8 {
        margin-left: 66.6666667%
    }
    .admin .main-typography .col-sm-offset-9,
    html .col-sm-offset-9 {
        margin-left: 75%
    }
    .admin .main-typography .col-sm-offset-10,
    html .col-sm-offset-10 {
        margin-left: 83.3333333%
    }
    .admin .main-typography .col-sm-offset-11,
    html .col-sm-offset-11 {
        margin-left: 91.6666667%
    }
    .admin .main-typography .start-sm,
    html .start-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .admin .main-typography .center-sm,
    html .center-sm {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .admin .main-typography .end-sm,
    html .end-sm {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .admin .main-typography .top-sm,
    html .top-sm {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .admin .main-typography .middle-sm,
    html .middle-sm {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .admin .main-typography .bottom-sm,
    html .bottom-sm {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .admin .main-typography .around-sm,
    html .around-sm {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .admin .main-typography .between-sm,
    html .between-sm {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .admin .main-typography .first-sm,
    html .first-sm {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .admin .main-typography .last-sm,
    html .last-sm {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:1030px) {
    .admin .main-typography .main-body:not(.mobile):not(.tablet) .container,
    html .main-body:not(.mobile):not(.tablet) .container {
        width: 1000px
    }
    .admin .main-typography .column:not(:last-child),
    html .column:not(:last-child) {
        margin-bottom: 0
    }
    .admin .main-typography .col-md,
    html .col-md,
    .admin .main-typography .col-md-1,
    html .col-md-1,
    .admin .main-typography .col-md-2,
    html .col-md-2,
    .admin .main-typography .col-md-3,
    html .col-md-3,
    .admin .main-typography .col-md-4,
    html .col-md-4,
    .admin .main-typography .col-md-5,
    html .col-md-5,
    .admin .main-typography .col-md-6,
    html .col-md-6,
    .admin .main-typography .col-md-7,
    html .col-md-7,
    .admin .main-typography .col-md-8,
    html .col-md-8,
    .admin .main-typography .col-md-9,
    html .col-md-9,
    .admin .main-typography .col-md-10,
    html .col-md-10,
    .admin .main-typography .col-md-11,
    html .col-md-11,
    .admin .main-typography .col-md-12,
    html .col-md-12,
    .admin .main-typography .col-md-offset-1,
    html .col-md-offset-1,
    .admin .main-typography .col-md-offset-2,
    html .col-md-offset-2,
    .admin .main-typography .col-md-offset-3,
    html .col-md-offset-3,
    .admin .main-typography .col-md-offset-4,
    html .col-md-offset-4,
    .admin .main-typography .col-md-offset-5,
    html .col-md-offset-5,
    .admin .main-typography .col-md-offset-6,
    html .col-md-offset-6,
    .admin .main-typography .col-md-offset-7,
    html .col-md-offset-7,
    .admin .main-typography .col-md-offset-8,
    html .col-md-offset-8,
    .admin .main-typography .col-md-offset-9,
    html .col-md-offset-9,
    .admin .main-typography .col-md-offset-10,
    html .col-md-offset-10,
    .admin .main-typography .col-md-offset-11,
    html .col-md-offset-11,
    .admin .main-typography .col-md-offset-12,
    html .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }
    .admin .main-typography .col-md,
    html .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .admin .main-typography .col-md-1,
    html .col-md-1 {
        -webkit-flex-basis: 8.3333333%;
        -ms-flex-preferred-size: 8.3333333%;
        flex-basis: 8.3333333%;
        max-width: 8.3333333%
    }
    .admin .main-typography .col-md-0,
    html .col-md-0 {
        -webkit-flex-basis: 0%;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%
    }
    .admin .main-typography .col-md-2,
    html .col-md-2 {
        -webkit-flex-basis: 16.6666667%;
        -ms-flex-preferred-size: 16.6666667%;
        flex-basis: 16.6666667%;
        max-width: 16.6666667%
    }
    .admin .main-typography .col-md-3,
    html .col-md-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .admin .main-typography .col-md-4,
    html .col-md-4 {
        -webkit-flex-basis: 33.3333333%;
        -ms-flex-preferred-size: 33.3333333%;
        flex-basis: 33.3333333%;
        max-width: 33.3333333%
    }
    .admin .main-typography .col-md-5,
    html .col-md-5 {
        -webkit-flex-basis: 41.6666667%;
        -ms-flex-preferred-size: 41.6666667%;
        flex-basis: 41.6666667%;
        max-width: 41.6666667%
    }
    .admin .main-typography .col-md-6,
    html .col-md-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .admin .main-typography .col-md-7,
    html .col-md-7 {
        -webkit-flex-basis: 58.3333333%;
        -ms-flex-preferred-size: 58.3333333%;
        flex-basis: 58.3333333%;
        max-width: 58.3333333%
    }
    .admin .main-typography .col-md-8,
    html .col-md-8 {
        -webkit-flex-basis: 66.6666667%;
        -ms-flex-preferred-size: 66.6666667%;
        flex-basis: 66.6666667%;
        max-width: 66.6666667%
    }
    .admin .main-typography .col-md-9,
    html .col-md-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .admin .main-typography .col-md-10,
    html .col-md-10 {
        -webkit-flex-basis: 83.3333333%;
        -ms-flex-preferred-size: 83.3333333%;
        flex-basis: 83.3333333%;
        max-width: 83.3333333%
    }
    .admin .main-typography .col-md-11,
    html .col-md-11 {
        -webkit-flex-basis: 91.6666667%;
        -ms-flex-preferred-size: 91.6666667%;
        flex-basis: 91.6666667%;
        max-width: 91.6666667%
    }
    .admin .main-typography .col-md-12,
    html .col-md-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .admin .main-typography .col-md-offset-1,
    html .col-md-offset-1 {
        margin-left: 8.3333333%
    }
    .admin .main-typography .col-md-offset-2,
    html .col-md-offset-2 {
        margin-left: 16.6666667%
    }
    .admin .main-typography .col-md-offset-3,
    html .col-md-offset-3 {
        margin-left: 25%
    }
    .admin .main-typography .col-md-offset-4,
    html .col-md-offset-4 {
        margin-left: 33.3333333%
    }
    .admin .main-typography .col-md-offset-5,
    html .col-md-offset-5 {
        margin-left: 41.6666667%
    }
    .admin .main-typography .col-md-offset-6,
    html .col-md-offset-6 {
        margin-left: 50%
    }
    .admin .main-typography .col-md-offset-7,
    html .col-md-offset-7 {
        margin-left: 58.3333333%
    }
    .admin .main-typography .col-md-offset-8,
    html .col-md-offset-8 {
        margin-left: 66.6666667%
    }
    .admin .main-typography .col-md-offset-9,
    html .col-md-offset-9 {
        margin-left: 75%
    }
    .admin .main-typography .col-md-offset-10,
    html .col-md-offset-10 {
        margin-left: 83.3333333%
    }
    .admin .main-typography .col-md-offset-11,
    html .col-md-offset-11 {
        margin-left: 91.6666667%
    }
    .admin .main-typography .start-md,
    html .start-md {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .admin .main-typography .center-md,
    html .center-md {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .admin .main-typography .end-md,
    html .end-md {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .admin .main-typography .top-md,
    html .top-md {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .admin .main-typography .middle-md,
    html .middle-md {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .admin .main-typography .bottom-md,
    html .bottom-md {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .admin .main-typography .around-md,
    html .around-md {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .admin .main-typography .between-md,
    html .between-md {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .admin .main-typography .first-md,
    html .first-md {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .admin .main-typography .last-md,
    html .last-md {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:1230px) {
    .admin .main-typography .column:not(:last-child),
    html .column:not(:last-child) {
        margin-bottom: 0
    }
    .admin .main-typography .col-lg,
    html .col-lg,
    .admin .main-typography .col-lg-1,
    html .col-lg-1,
    .admin .main-typography .col-lg-2,
    html .col-lg-2,
    .admin .main-typography .col-lg-3,
    html .col-lg-3,
    .admin .main-typography .col-lg-4,
    html .col-lg-4,
    .admin .main-typography .col-lg-5,
    html .col-lg-5,
    .admin .main-typography .col-lg-6,
    html .col-lg-6,
    .admin .main-typography .col-lg-7,
    html .col-lg-7,
    .admin .main-typography .col-lg-8,
    html .col-lg-8,
    .admin .main-typography .col-lg-9,
    html .col-lg-9,
    .admin .main-typography .col-lg-10,
    html .col-lg-10,
    .admin .main-typography .col-lg-11,
    html .col-lg-11,
    .admin .main-typography .col-lg-12,
    html .col-lg-12,
    .admin .main-typography .col-lg-offset-1,
    html .col-lg-offset-1,
    .admin .main-typography .col-lg-offset-2,
    html .col-lg-offset-2,
    .admin .main-typography .col-lg-offset-3,
    html .col-lg-offset-3,
    .admin .main-typography .col-lg-offset-4,
    html .col-lg-offset-4,
    .admin .main-typography .col-lg-offset-5,
    html .col-lg-offset-5,
    .admin .main-typography .col-lg-offset-6,
    html .col-lg-offset-6,
    .admin .main-typography .col-lg-offset-7,
    html .col-lg-offset-7,
    .admin .main-typography .col-lg-offset-8,
    html .col-lg-offset-8,
    .admin .main-typography .col-lg-offset-9,
    html .col-lg-offset-9,
    .admin .main-typography .col-lg-offset-10,
    html .col-lg-offset-10,
    .admin .main-typography .col-lg-offset-11,
    html .col-lg-offset-11,
    .admin .main-typography .col-lg-offset-12,
    html .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }
    .admin .main-typography .col-lg,
    html .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .admin .main-typography .col-lg-0,
    html .col-lg-0 {
        -webkit-flex-basis: 0%;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%
    }
    .admin .main-typography .col-lg-1,
    html .col-lg-1 {
        -webkit-flex-basis: 8.3333333%;
        -ms-flex-preferred-size: 8.3333333%;
        flex-basis: 8.3333333%;
        max-width: 8.3333333%
    }
    .admin .main-typography .col-lg-2,
    html .col-lg-2 {
        -webkit-flex-basis: 16.6666667%;
        -ms-flex-preferred-size: 16.6666667%;
        flex-basis: 16.6666667%;
        max-width: 16.6666667%
    }
    .admin .main-typography .col-lg-3,
    html .col-lg-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .admin .main-typography .col-lg-4,
    html .col-lg-4 {
        -webkit-flex-basis: 33.3333333%;
        -ms-flex-preferred-size: 33.3333333%;
        flex-basis: 33.3333333%;
        max-width: 33.3333333%
    }
    .admin .main-typography .col-lg-5,
    html .col-lg-5 {
        -webkit-flex-basis: 41.6666667%;
        -ms-flex-preferred-size: 41.6666667%;
        flex-basis: 41.6666667%;
        max-width: 41.6666667%
    }
    .admin .main-typography .col-lg-6,
    html .col-lg-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .admin .main-typography .col-lg-7,
    html .col-lg-7 {
        -webkit-flex-basis: 58.3333333%;
        -ms-flex-preferred-size: 58.3333333%;
        flex-basis: 58.3333333%;
        max-width: 58.3333333%
    }
    .admin .main-typography .col-lg-8,
    html .col-lg-8 {
        -webkit-flex-basis: 66.6666667%;
        -ms-flex-preferred-size: 66.6666667%;
        flex-basis: 66.6666667%;
        max-width: 66.6666667%
    }
    .admin .main-typography .col-lg-9,
    html .col-lg-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .admin .main-typography .col-lg-10,
    html .col-lg-10 {
        -webkit-flex-basis: 83.3333333%;
        -ms-flex-preferred-size: 83.3333333%;
        flex-basis: 83.3333333%;
        max-width: 83.3333333%
    }
    .admin .main-typography .col-lg-11,
    html .col-lg-11 {
        -webkit-flex-basis: 91.6666667%;
        -ms-flex-preferred-size: 91.6666667%;
        flex-basis: 91.6666667%;
        max-width: 91.6666667%
    }
    .admin .main-typography .col-lg-12,
    html .col-lg-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .admin .main-typography .col-lg-offset-1,
    html .col-lg-offset-1 {
        margin-left: 8.3333333%
    }
    .admin .main-typography .col-lg-offset-2,
    html .col-lg-offset-2 {
        margin-left: 16.6666667%
    }
    .admin .main-typography .col-lg-offset-3,
    html .col-lg-offset-3 {
        margin-left: 25%
    }
    .admin .main-typography .col-lg-offset-4,
    html .col-lg-offset-4 {
        margin-left: 33.3333333%
    }
    .admin .main-typography .col-lg-offset-5,
    html .col-lg-offset-5 {
        margin-left: 41.6666667%
    }
    .admin .main-typography .col-lg-offset-6,
    html .col-lg-offset-6 {
        margin-left: 50%
    }
    .admin .main-typography .col-lg-offset-7,
    html .col-lg-offset-7 {
        margin-left: 58.3333333%
    }
    .admin .main-typography .col-lg-offset-8,
    html .col-lg-offset-8 {
        margin-left: 66.6666667%
    }
    .admin .main-typography .col-lg-offset-9,
    html .col-lg-offset-9 {
        margin-left: 75%
    }
    .admin .main-typography .col-lg-offset-10,
    html .col-lg-offset-10 {
        margin-left: 83.3333333%
    }
    .admin .main-typography .col-lg-offset-11,
    html .col-lg-offset-11 {
        margin-left: 91.6666667%
    }
    .admin .main-typography .start-lg,
    html .start-lg {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .admin .main-typography .center-lg,
    html .center-lg {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .admin .main-typography .end-lg,
    html .end-lg {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .admin .main-typography .top-lg,
    html .top-lg {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .admin .main-typography .middle-lg,
    html .middle-lg {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .admin .main-typography .bottom-lg,
    html .bottom-lg {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .admin .main-typography .around-lg,
    html .around-lg {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .admin .main-typography .between-lg,
    html .between-lg {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .admin .main-typography .first-lg,
    html .first-lg {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .admin .main-typography .last-lg,
    html .last-lg {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.admin .main-typography input,
html input,
.admin .main-typography textarea,
html textarea {
    max-width: 100%;
    -webkit-transition: border-color 300ms ease;
    transition: border-color 300ms ease
}

.admin .main-typography input:focus,
html input:focus,
.admin .main-typography textarea:focus,
html textarea:focus,
.admin .main-typography input:active,
html input:active,
.admin .main-typography textarea:active,
html textarea:active {
    border-color: var(--form-border-color);
    box-shadow: var(--form-shadow-focus)
}

.admin .main-typography input.error,
html input.error,
.admin .main-typography textarea.error,
html textarea.error {
    outline: none
}

.admin .main-typography input.disabled,
html input.disabled,
.admin .main-typography textarea.disabled,
html textarea.disabled,
.admin .main-typography input:disabled,
html input:disabled,
.admin .main-typography textarea:disabled,
html textarea:disabled {
    pointer-events: none;
    outline: none
}

.admin .main-typography input.full,
html input.full,
.admin .main-typography textarea.full,
html textarea.full {
    width: 100%
}

.admin .main-typography .on-input-icon-left input,
html .on-input-icon-left input {
    padding-left: 30px
}

.admin .main-typography .on-input-icon-left i,
html .on-input-icon-left i {
    position: absolute;
    top: 0;
    left: 3px;
    width: 27px;
    line-height: var(--form-height);
    color: var(--form-color);
    font-size: 14px;
    text-align: center;
    z-index: 111
}

.admin .main-typography .on-input-icon-left i.background-highlight,
html .on-input-icon-left i.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .75), 1px -1px 0 rgba(133, 125, 255, .75), -1px 1px 0 rgba(133, 125, 255, .75), 1px 1px 0 rgba(133, 125, 255, .75) !important
}

.admin .main-typography .on-input-icon-left .uc-dropdown select,
html .on-input-icon-left .uc-dropdown select {
    padding-left: 30px
}

.admin .main-typography textarea,
html textarea {
    padding-top: 10px !important
}

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

.admin .main-typography input[type=number],
html input[type=number] {
    -moz-appearance: textfield
}

.admin .main-typography .form-three-one,
html .form-three-one {
    position: relative
}

.admin .main-typography .form-three-one>input,
html .form-three-one>input {
    border: none
}

.admin .main-typography .form-three-one input,
html .form-three-one input {
    float: left;
    width: 50px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    text-align: center;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.admin .main-typography .form-three-one input:focus,
html .form-three-one input:focus,
.admin .main-typography .form-three-one input:hover,
html .form-three-one input:hover,
.admin .main-typography .form-three-one input.active,
html .form-three-one input.active {
    border: none;
    box-shadow: none;
    outline: none
}

.admin .main-typography .form-three-one input:last-child,
html .form-three-one input:last-child {
    width: 58px
}

.admin .main-typography .form-three-one.full,
html .form-three-one.full {
    width: 100%
}

.admin .main-typography .form-three-one>input::-webkit-input-placeholder,
html .form-three-one>input::-webkit-input-placeholder {
    line-height: 15px
}

.admin .main-typography .form-three-one>input:-moz-placeholder,
html .form-three-one>input:-moz-placeholder {
    margin-top: 13px
}

.admin .main-typography .form-three-one>input::-moz-placeholder,
html .form-three-one>input::-moz-placeholder {
    margin-top: 13px
}

.admin .main-typography .form-three-one>input:-ms-input-placeholder,
html .form-three-one>input:-ms-input-placeholder {
    line-height: 15px
}

.admin .main-typography input[type=image],
html input[type=image] {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}

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

.admin .main-typography input[type=number],
html input[type=number] {
    -moz-appearance: textfield
}

@media only screen and (max-width:810px) {
    .admin .main-typography input,
    html input,
    .admin .main-typography textarea,
    html textarea {
        min-height: 40px;
        height: calc(var(--form-height) * 70/100)
    }
    .admin .main-typography textarea,
    html textarea {
        min-height: 100px;
        height: calc(var(--textarea-height) * 70/100)
    }
}

@media only screen and (max-width:1030px) and (min-width:810px) {
    .admin .main-typography input,
    html input,
    .admin .main-typography textarea,
    html textarea {
        min-height: 40px;
        height: calc(var(--form-height) * 70/100)
    }
    .admin .main-typography textarea,
    html textarea {
        min-height: 100px;
        height: calc(var(--textarea-height) * 70/100)
    }
}

.admin .main-typography .checkbox-checkmark-lable .checkbox-checkmark .uci-checkmark,
html .checkbox-checkmark-lable .checkbox-checkmark .uci-checkmark {
    top: 3px;
    left: 2px;
    display: none;
    position: absolute
}

.admin .main-typography .checkbox-checkmark-lable:hover .checkbox-checkmark .uci-checkmark,
html .checkbox-checkmark-lable:hover .checkbox-checkmark .uci-checkmark {
    opacity: .5;
    display: block
}

.admin .main-typography span.input-message,
html span.input-message {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    bottom: 100%;
    left: 0;
    word-break: break-word;
    background-color: var(--color-error);
    border-radius: 3px 3px 3px 3px;
    width: 100%;
    min-height: 40px;
    line-height: 1.6;
    padding: 10px 15px;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    z-index: 15
}

.admin .main-typography span.input-message:before,
html span.input-message:before {
    text-align: center;
    display: block;
    position: absolute;
    font-size: 24px;
    font-family: ucraftme_font;
    left: 10px
}

.admin .main-typography span.input-message>i,
html span.input-message>i,
.admin .main-typography span.input-message>svg,
html span.input-message>svg {
    display: block;
    position: absolute;
    right: 10px;
    color: #fff;
    fill: #fff;
    cursor: pointer;
    font-size: 24px;
    width: 24px;
    top: 0;
    line-height: 40px
}

.admin .main-typography span.input-message.msg-hidden,
html span.input-message.msg-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.admin .main-typography span.input-message.error,
html span.input-message.error {
    background-color: var(--color-error)
}

.admin .main-typography span.input-message.warning,
html span.input-message.warning {
    background-color: var(--color-error)
}

.admin .main-typography span.input-message.notification,
html span.input-message.notification {
    background-color: var(--color-error)
}

.admin .main-typography span.input-message.success,
html span.input-message.success {
    background-color: var(--color-error)
}

.admin .main-typography .system-message-container,
html .system-message-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    z-index: 9999
}

.admin .main-typography .system-message,
html .system-message {
    position: relative;
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-size: 1rem;
    text-align: left;
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px
}

.admin .main-typography .system-message:before,
html .system-message:before {
    display: block;
    width: 45px;
    text-align: center;
    font-size: 16px;
    font-family: ucraftme_font
}

.admin .main-typography .system-message span,
html .system-message span {
    padding: 12px 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.admin .main-typography .system-message>i,
html .system-message>i {
    display: block;
    width: 45px;
    font-size: 9px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.admin .main-typography .system-message.msg-hidden,
html .system-message.msg-hidden {
    opacity: 0;
    pointer-events: none
}

.admin .main-typography .system-message.error,
html .system-message.error {
    background-color: var(--color-error)
}

.admin .main-typography .system-message.error:before,
html .system-message.error:before {
    content: "\e610";
    color: var(--color-error)
}

.admin .main-typography .system-message.warning,
html .system-message.warning {
    background-color: var(--color-error)
}

.admin .main-typography .system-message.warning:before,
html .system-message.warning:before {
    content: "\e610";
    color: var(--color-error)
}

.admin .main-typography .system-message.notification,
html .system-message.notification {
    background-color: var(--color-error)
}

.admin .main-typography .system-message.notification:before,
html .system-message.notification:before {
    content: "\e610";
    color: var(--color-error);
    font-size: 22px;
    left: 8px
}

.admin .main-typography .system-message.success,
html .system-message.success {
    background-color: var(--color-error)
}

.admin .main-typography .system-message.success:before,
html .system-message.success:before {
    content: "\e62d";
    color: var(--color-error)
}

.admin .main-typography .uc-info-button.cart-tooltip-container,
html .uc-info-button.cart-tooltip-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7
}

.admin .main-typography .uc-info-button.cart-tooltip-container .cart-tooltip,
html .uc-info-button.cart-tooltip-container .cart-tooltip {
    background: #4a4a4a !important;
    opacity: .9;
    pointer-events: all !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.admin .main-typography .uc-info-button.cart-tooltip-container .cart-tooltip i,
html .uc-info-button.cart-tooltip-container .cart-tooltip i {
    width: 100%;
    height: 100%;
    font-size: 42px;
    color: #f7bc1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.admin .main-typography .uc-info-button.cart-tooltip-container:hover .cart-tooltip,
html .uc-info-button.cart-tooltip-container:hover .cart-tooltip {
    opacity: 1
}

.admin .main-typography .uc-dropdown,
html .uc-dropdown {
    display: inline-block;
    position: relative
}

.admin .main-typography .uc-dropdown:after,
html .uc-dropdown:after {
    content: "\e60e";
    display: block;
    position: absolute;
    right: 9px;
    font-size: 24px;
    pointer-events: none;
    font-family: ucraftme_font;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--form-color);
    mask-repeat: no-repeat;
    mask-image: url(/assets/svg/uci-down-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/svg/uci-down-arrow.svg)
}

.admin .main-typography .uc-dropdown select,
html .uc-dropdown select {
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.admin .main-typography .uc-dropdown select:-moz-focusring,
html .uc-dropdown select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.admin .main-typography .uc-dropdown select.error,
html .uc-dropdown select.error {
    outline: none
}

.admin .main-typography .uc-dropdown.full,
html .uc-dropdown.full {
    width: 100%
}

.admin .main-typography .uc-dropdown.full select,
html .uc-dropdown.full select {
    width: 100%
}

.admin .main-typography .uc-dropdown.multiple>select,
html .uc-dropdown.multiple>select {
    height: 60px;
    padding: 0 0 0 7px
}

.admin .main-typography .uc-dropdown.multiple:after,
html .uc-dropdown.multiple:after {
    display: none
}

.admin .main-typography a,
html a,
.admin .main-typography h1,
html h1,
.admin .main-typography h2,
html h2,
.admin .main-typography h3,
html h3,
.admin .main-typography h4,
html h4,
.admin .main-typography h5,
html h5,
.admin .main-typography h6,
html h6,
.admin .main-typography p,
html p {
    word-break: break-word
}

.admin .main-typography a,
html a {
    text-decoration: none
}

.admin .main-typography h1,
html h1,
.admin .main-typography h2,
html h2,
.admin .main-typography h3,
html h3,
.admin .main-typography h4,
html h4,
.admin .main-typography h5,
html h5,
.admin .main-typography h6,
html h6,
.admin .main-typography p,
html p {
    margin-top: 0
}

.admin .main-typography blockquote,
html blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
    border-left: 5px solid #ccc
}

.admin .main-typography .editor li,
html .editor li,
.admin .main-typography .ModuleParagraph li,
html .ModuleParagraph li,
.admin .main-typography .ModuleTitle li,
html .ModuleTitle li {
    margin-top: 0
}

.admin .main-typography .uppercase,
html .uppercase {
    text-transform: uppercase !important
}

.admin .main-typography .capitalize,
html .capitalize {
    text-transform: capitalize !important
}

.admin .main-typography .uc-content font a:not(:hover),
html .uc-content font a:not(:hover) {
    color: inherit !important
}

.admin .main-typography .uc-content a:hover font,
html .uc-content a:hover font {
    color: inherit !important
}

.admin .main-typography .uc-content a font,
html .uc-content a font {
    transition: color .1s;
    -webkit-transition: color .1s
}

.admin .main-typography .font-1em,
html .font-1em {
    font-size: .1em
}

.admin .main-typography .font-2em,
html .font-2em {
    font-size: .2em
}

.admin .main-typography .font-3em,
html .font-3em {
    font-size: .3em
}

.admin .main-typography .font-4em,
html .font-4em {
    font-size: .4em
}

.admin .main-typography .font-5em,
html .font-5em {
    font-size: .5em
}

.admin .main-typography .font-6em,
html .font-6em {
    font-size: .6em
}

.admin .main-typography .font-7em,
html .font-7em {
    font-size: .7em
}

.admin .main-typography .font-8em,
html .font-8em {
    font-size: .8em
}

.admin .main-typography .font-9em,
html .font-9em {
    font-size: .9em
}

.admin .main-typography .font-10em,
html .font-10em {
    font-size: 1em
}

.admin .main-typography .font-11em,
html .font-11em {
    font-size: 1.1em
}

.admin .main-typography .font-12em,
html .font-12em {
    font-size: 1.2em
}

.admin .main-typography .font-13em,
html .font-13em {
    font-size: 1.3em
}

.admin .main-typography .font-14em,
html .font-14em {
    font-size: 1.4em
}

.admin .main-typography .font-15em,
html .font-15em {
    font-size: 1.5em
}

.admin .main-typography .font-16em,
html .font-16em {
    font-size: 1.6em
}

.admin .main-typography .font-17em,
html .font-17em {
    font-size: 1.7em
}

.admin .main-typography .font-18em,
html .font-18em {
    font-size: 1.8em
}

.admin .main-typography .font-19em,
html .font-19em {
    font-size: 1.9em
}

.admin .main-typography .font-20em,
html .font-20em {
    font-size: 2em
}

.admin .main-typography .font-21em,
html .font-21em {
    font-size: 2.1em
}

.admin .main-typography .font-22em,
html .font-22em {
    font-size: 2.2em
}

.admin .main-typography .font-23em,
html .font-23em {
    font-size: 2.3em
}

.admin .main-typography .font-24em,
html .font-24em {
    font-size: 2.4em
}

.admin .main-typography .font-25em,
html .font-25em {
    font-size: 2.5em
}

.admin .main-typography .font-26em,
html .font-26em {
    font-size: 2.6em
}

.admin .main-typography .font-27em,
html .font-27em {
    font-size: 2.7em
}

.admin .main-typography .font-28em,
html .font-28em {
    font-size: 2.8em
}

.admin .main-typography .font-29em,
html .font-29em {
    font-size: 2.9em
}

.admin .main-typography .font-30em,
html .font-30em {
    font-size: 3em
}

.admin .main-typography .font-31em,
html .font-31em {
    font-size: 3.1em
}

.admin .main-typography .font-32em,
html .font-32em {
    font-size: 3.2em
}

.admin .main-typography .font-33em,
html .font-33em {
    font-size: 3.3em
}

.admin .main-typography .font-34em,
html .font-34em {
    font-size: 3.4em
}

.admin .main-typography .font-35em,
html .font-35em {
    font-size: 3.5em
}

.admin .main-typography .font-36em,
html .font-36em {
    font-size: 3.6em
}

.admin .main-typography .font-37em,
html .font-37em {
    font-size: 3.7em
}

.admin .main-typography .font-38em,
html .font-38em {
    font-size: 3.8em
}

.admin .main-typography .font-39em,
html .font-39em {
    font-size: 3.9em
}

.admin .main-typography .font-40em,
html .font-40em {
    font-size: 4em
}

.admin .main-typography .font-41em,
html .font-41em {
    font-size: 4.1em
}

.admin .main-typography .font-42em,
html .font-42em {
    font-size: 4.2em
}

.admin .main-typography .font-43em,
html .font-43em {
    font-size: 4.3em
}

.admin .main-typography .font-44em,
html .font-44em {
    font-size: 4.4em
}

.admin .main-typography .font-45em,
html .font-45em {
    font-size: 4.5em
}

.admin .main-typography .font-46em,
html .font-46em {
    font-size: 4.6em
}

.admin .main-typography .font-47em,
html .font-47em {
    font-size: 4.7em
}

.admin .main-typography .font-48em,
html .font-48em {
    font-size: 4.8em
}

.admin .main-typography .font-49em,
html .font-49em {
    font-size: 4.9em
}

.admin .main-typography .font-50em,
html .font-50em {
    font-size: 5em
}

.admin .main-typography h1.font-1em,
html h1.font-1em {
    font-size: calc(var(--heading-ratio-pow5) * 0.1)
}

.admin .main-typography h1.font-2em,
html h1.font-2em {
    font-size: calc(var(--heading-ratio-pow5) * 0.2)
}

.admin .main-typography h1.font-3em,
html h1.font-3em {
    font-size: calc(var(--heading-ratio-pow5) * 0.3)
}

.admin .main-typography h1.font-4em,
html h1.font-4em {
    font-size: calc(var(--heading-ratio-pow5) * 0.4)
}

.admin .main-typography h1.font-5em,
html h1.font-5em {
    font-size: calc(var(--heading-ratio-pow5) * 0.5)
}

.admin .main-typography h1.font-6em,
html h1.font-6em {
    font-size: calc(var(--heading-ratio-pow5) * 0.6)
}

.admin .main-typography h1.font-7em,
html h1.font-7em {
    font-size: calc(var(--heading-ratio-pow5) * 0.7)
}

.admin .main-typography h1.font-8em,
html h1.font-8em {
    font-size: calc(var(--heading-ratio-pow5) * 0.8)
}

.admin .main-typography h1.font-9em,
html h1.font-9em {
    font-size: calc(var(--heading-ratio-pow5) * 0.9)
}

.admin .main-typography h1.font-10em,
html h1.font-10em {
    font-size: calc(var(--heading-ratio-pow5) * 1)
}

.admin .main-typography h1.font-11em,
html h1.font-11em {
    font-size: calc(var(--heading-ratio-pow5) * 1.1)
}

.admin .main-typography h1.font-12em,
html h1.font-12em {
    font-size: calc(var(--heading-ratio-pow5) * 1.2)
}

.admin .main-typography h1.font-13em,
html h1.font-13em {
    font-size: calc(var(--heading-ratio-pow5) * 1.3)
}

.admin .main-typography h1.font-14em,
html h1.font-14em {
    font-size: calc(var(--heading-ratio-pow5) * 1.4)
}

.admin .main-typography h1.font-15em,
html h1.font-15em {
    font-size: calc(var(--heading-ratio-pow5) * 1.5)
}

.admin .main-typography h1.font-16em,
html h1.font-16em {
    font-size: calc(var(--heading-ratio-pow5) * 1.6)
}

.admin .main-typography h1.font-17em,
html h1.font-17em {
    font-size: calc(var(--heading-ratio-pow5) * 1.7)
}

.admin .main-typography h1.font-18em,
html h1.font-18em {
    font-size: calc(var(--heading-ratio-pow5) * 1.8)
}

.admin .main-typography h1.font-19em,
html h1.font-19em {
    font-size: calc(var(--heading-ratio-pow5) * 1.9)
}

.admin .main-typography h1.font-20em,
html h1.font-20em {
    font-size: calc(var(--heading-ratio-pow5) * 2)
}

.admin .main-typography h1.font-21em,
html h1.font-21em {
    font-size: calc(var(--heading-ratio-pow5) * 2.1)
}

.admin .main-typography h1.font-22em,
html h1.font-22em {
    font-size: calc(var(--heading-ratio-pow5) * 2.2)
}

.admin .main-typography h1.font-23em,
html h1.font-23em {
    font-size: calc(var(--heading-ratio-pow5) * 2.3)
}

.admin .main-typography h1.font-24em,
html h1.font-24em {
    font-size: calc(var(--heading-ratio-pow5) * 2.4)
}

.admin .main-typography h1.font-25em,
html h1.font-25em {
    font-size: calc(var(--heading-ratio-pow5) * 2.5)
}

.admin .main-typography h1.font-26em,
html h1.font-26em {
    font-size: calc(var(--heading-ratio-pow5) * 2.6)
}

.admin .main-typography h1.font-27em,
html h1.font-27em {
    font-size: calc(var(--heading-ratio-pow5) * 2.7)
}

.admin .main-typography h1.font-28em,
html h1.font-28em {
    font-size: calc(var(--heading-ratio-pow5) * 2.8)
}

.admin .main-typography h1.font-29em,
html h1.font-29em {
    font-size: calc(var(--heading-ratio-pow5) * 2.9)
}

.admin .main-typography h1.font-30em,
html h1.font-30em {
    font-size: calc(var(--heading-ratio-pow5) * 3)
}

.admin .main-typography h1.font-31em,
html h1.font-31em {
    font-size: calc(var(--heading-ratio-pow5) * 3.1)
}

.admin .main-typography h1.font-32em,
html h1.font-32em {
    font-size: calc(var(--heading-ratio-pow5) * 3.2)
}

.admin .main-typography h1.font-33em,
html h1.font-33em {
    font-size: calc(var(--heading-ratio-pow5) * 3.3)
}

.admin .main-typography h1.font-34em,
html h1.font-34em {
    font-size: calc(var(--heading-ratio-pow5) * 3.4)
}

.admin .main-typography h1.font-35em,
html h1.font-35em {
    font-size: calc(var(--heading-ratio-pow5) * 3.5)
}

.admin .main-typography h1.font-36em,
html h1.font-36em {
    font-size: calc(var(--heading-ratio-pow5) * 3.6)
}

.admin .main-typography h1.font-37em,
html h1.font-37em {
    font-size: calc(var(--heading-ratio-pow5) * 3.7)
}

.admin .main-typography h1.font-38em,
html h1.font-38em {
    font-size: calc(var(--heading-ratio-pow5) * 3.8)
}

.admin .main-typography h1.font-39em,
html h1.font-39em {
    font-size: calc(var(--heading-ratio-pow5) * 3.9)
}

.admin .main-typography h1.font-40em,
html h1.font-40em {
    font-size: calc(var(--heading-ratio-pow5) * 4)
}

.admin .main-typography h1.font-41em,
html h1.font-41em {
    font-size: calc(var(--heading-ratio-pow5) * 4.1)
}

.admin .main-typography h1.font-42em,
html h1.font-42em {
    font-size: calc(var(--heading-ratio-pow5) * 4.2)
}

.admin .main-typography h1.font-43em,
html h1.font-43em {
    font-size: calc(var(--heading-ratio-pow5) * 4.3)
}

.admin .main-typography h1.font-44em,
html h1.font-44em {
    font-size: calc(var(--heading-ratio-pow5) * 4.4)
}

.admin .main-typography h1.font-45em,
html h1.font-45em {
    font-size: calc(var(--heading-ratio-pow5) * 4.5)
}

.admin .main-typography h1.font-46em,
html h1.font-46em {
    font-size: calc(var(--heading-ratio-pow5) * 4.6)
}

.admin .main-typography h1.font-47em,
html h1.font-47em {
    font-size: calc(var(--heading-ratio-pow5) * 4.7)
}

.admin .main-typography h1.font-48em,
html h1.font-48em {
    font-size: calc(var(--heading-ratio-pow5) * 4.8)
}

.admin .main-typography h1.font-49em,
html h1.font-49em {
    font-size: calc(var(--heading-ratio-pow5) * 4.9)
}

.admin .main-typography h1.font-50em,
html h1.font-50em {
    font-size: calc(var(--heading-ratio-pow5) * 5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-1em,
.admin .main-typography.tablet h1.font-1em,
html.tablet h1.font-1em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-1em,
.admin .main-typography.mobile h1.font-1em,
html.mobile h1.font-1em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-2em,
.admin .main-typography.tablet h1.font-2em,
html.tablet h1.font-2em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-2em,
.admin .main-typography.mobile h1.font-2em,
html.mobile h1.font-2em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-3em,
.admin .main-typography.tablet h1.font-3em,
html.tablet h1.font-3em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-3em,
.admin .main-typography.mobile h1.font-3em,
html.mobile h1.font-3em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-4em,
.admin .main-typography.tablet h1.font-4em,
html.tablet h1.font-4em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-4em,
.admin .main-typography.mobile h1.font-4em,
html.mobile h1.font-4em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-5em,
.admin .main-typography.tablet h1.font-5em,
html.tablet h1.font-5em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-5em,
.admin .main-typography.mobile h1.font-5em,
html.mobile h1.font-5em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-6em,
.admin .main-typography.tablet h1.font-6em,
html.tablet h1.font-6em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-6em,
.admin .main-typography.mobile h1.font-6em,
html.mobile h1.font-6em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-7em,
.admin .main-typography.tablet h1.font-7em,
html.tablet h1.font-7em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-7em,
.admin .main-typography.mobile h1.font-7em,
html.mobile h1.font-7em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-8em,
.admin .main-typography.tablet h1.font-8em,
html.tablet h1.font-8em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-8em,
.admin .main-typography.mobile h1.font-8em,
html.mobile h1.font-8em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-9em,
.admin .main-typography.tablet h1.font-9em,
html.tablet h1.font-9em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-9em,
.admin .main-typography.mobile h1.font-9em,
html.mobile h1.font-9em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-10em,
.admin .main-typography.tablet h1.font-10em,
html.tablet h1.font-10em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-10em,
.admin .main-typography.mobile h1.font-10em,
html.mobile h1.font-10em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-11em,
.admin .main-typography.tablet h1.font-11em,
html.tablet h1.font-11em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-11em,
.admin .main-typography.mobile h1.font-11em,
html.mobile h1.font-11em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-12em,
.admin .main-typography.tablet h1.font-12em,
html.tablet h1.font-12em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-12em,
.admin .main-typography.mobile h1.font-12em,
html.mobile h1.font-12em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-13em,
.admin .main-typography.tablet h1.font-13em,
html.tablet h1.font-13em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-13em,
.admin .main-typography.mobile h1.font-13em,
html.mobile h1.font-13em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-14em,
.admin .main-typography.tablet h1.font-14em,
html.tablet h1.font-14em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-14em,
.admin .main-typography.mobile h1.font-14em,
html.mobile h1.font-14em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-15em,
.admin .main-typography.tablet h1.font-15em,
html.tablet h1.font-15em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-15em,
.admin .main-typography.mobile h1.font-15em,
html.mobile h1.font-15em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-16em,
.admin .main-typography.tablet h1.font-16em,
html.tablet h1.font-16em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-16em,
.admin .main-typography.mobile h1.font-16em,
html.mobile h1.font-16em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-17em,
.admin .main-typography.tablet h1.font-17em,
html.tablet h1.font-17em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-17em,
.admin .main-typography.mobile h1.font-17em,
html.mobile h1.font-17em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-18em,
.admin .main-typography.tablet h1.font-18em,
html.tablet h1.font-18em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-18em,
.admin .main-typography.mobile h1.font-18em,
html.mobile h1.font-18em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-19em,
.admin .main-typography.tablet h1.font-19em,
html.tablet h1.font-19em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-19em,
.admin .main-typography.mobile h1.font-19em,
html.mobile h1.font-19em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-20em,
.admin .main-typography.tablet h1.font-20em,
html.tablet h1.font-20em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-20em,
.admin .main-typography.mobile h1.font-20em,
html.mobile h1.font-20em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-21em,
.admin .main-typography.tablet h1.font-21em,
html.tablet h1.font-21em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-21em,
.admin .main-typography.mobile h1.font-21em,
html.mobile h1.font-21em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-22em,
.admin .main-typography.tablet h1.font-22em,
html.tablet h1.font-22em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-22em,
.admin .main-typography.mobile h1.font-22em,
html.mobile h1.font-22em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-23em,
.admin .main-typography.tablet h1.font-23em,
html.tablet h1.font-23em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-23em,
.admin .main-typography.mobile h1.font-23em,
html.mobile h1.font-23em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-24em,
.admin .main-typography.tablet h1.font-24em,
html.tablet h1.font-24em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-24em,
.admin .main-typography.mobile h1.font-24em,
html.mobile h1.font-24em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-25em,
.admin .main-typography.tablet h1.font-25em,
html.tablet h1.font-25em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-25em,
.admin .main-typography.mobile h1.font-25em,
html.mobile h1.font-25em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-26em,
.admin .main-typography.tablet h1.font-26em,
html.tablet h1.font-26em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-26em,
.admin .main-typography.mobile h1.font-26em,
html.mobile h1.font-26em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-27em,
.admin .main-typography.tablet h1.font-27em,
html.tablet h1.font-27em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-27em,
.admin .main-typography.mobile h1.font-27em,
html.mobile h1.font-27em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-28em,
.admin .main-typography.tablet h1.font-28em,
html.tablet h1.font-28em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-28em,
.admin .main-typography.mobile h1.font-28em,
html.mobile h1.font-28em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-29em,
.admin .main-typography.tablet h1.font-29em,
html.tablet h1.font-29em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-29em,
.admin .main-typography.mobile h1.font-29em,
html.mobile h1.font-29em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-30em,
.admin .main-typography.tablet h1.font-30em,
html.tablet h1.font-30em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-30em,
.admin .main-typography.mobile h1.font-30em,
html.mobile h1.font-30em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-31em,
.admin .main-typography.tablet h1.font-31em,
html.tablet h1.font-31em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-31em,
.admin .main-typography.mobile h1.font-31em,
html.mobile h1.font-31em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-32em,
.admin .main-typography.tablet h1.font-32em,
html.tablet h1.font-32em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-32em,
.admin .main-typography.mobile h1.font-32em,
html.mobile h1.font-32em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-33em,
.admin .main-typography.tablet h1.font-33em,
html.tablet h1.font-33em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-33em,
.admin .main-typography.mobile h1.font-33em,
html.mobile h1.font-33em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-34em,
.admin .main-typography.tablet h1.font-34em,
html.tablet h1.font-34em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-34em,
.admin .main-typography.mobile h1.font-34em,
html.mobile h1.font-34em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-35em,
.admin .main-typography.tablet h1.font-35em,
html.tablet h1.font-35em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-35em,
.admin .main-typography.mobile h1.font-35em,
html.mobile h1.font-35em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-36em,
.admin .main-typography.tablet h1.font-36em,
html.tablet h1.font-36em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-36em,
.admin .main-typography.mobile h1.font-36em,
html.mobile h1.font-36em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-37em,
.admin .main-typography.tablet h1.font-37em,
html.tablet h1.font-37em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-37em,
.admin .main-typography.mobile h1.font-37em,
html.mobile h1.font-37em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-38em,
.admin .main-typography.tablet h1.font-38em,
html.tablet h1.font-38em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-38em,
.admin .main-typography.mobile h1.font-38em,
html.mobile h1.font-38em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-39em,
.admin .main-typography.tablet h1.font-39em,
html.tablet h1.font-39em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-39em,
.admin .main-typography.mobile h1.font-39em,
html.mobile h1.font-39em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-40em,
.admin .main-typography.tablet h1.font-40em,
html.tablet h1.font-40em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-40em,
.admin .main-typography.mobile h1.font-40em,
html.mobile h1.font-40em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-41em,
.admin .main-typography.tablet h1.font-41em,
html.tablet h1.font-41em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-41em,
.admin .main-typography.mobile h1.font-41em,
html.mobile h1.font-41em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-42em,
.admin .main-typography.tablet h1.font-42em,
html.tablet h1.font-42em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-42em,
.admin .main-typography.mobile h1.font-42em,
html.mobile h1.font-42em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-43em,
.admin .main-typography.tablet h1.font-43em,
html.tablet h1.font-43em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-43em,
.admin .main-typography.mobile h1.font-43em,
html.mobile h1.font-43em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-44em,
.admin .main-typography.tablet h1.font-44em,
html.tablet h1.font-44em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-44em,
.admin .main-typography.mobile h1.font-44em,
html.mobile h1.font-44em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-45em,
.admin .main-typography.tablet h1.font-45em,
html.tablet h1.font-45em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-45em,
.admin .main-typography.mobile h1.font-45em,
html.mobile h1.font-45em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-46em,
.admin .main-typography.tablet h1.font-46em,
html.tablet h1.font-46em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-46em,
.admin .main-typography.mobile h1.font-46em,
html.mobile h1.font-46em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-47em,
.admin .main-typography.tablet h1.font-47em,
html.tablet h1.font-47em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-47em,
.admin .main-typography.mobile h1.font-47em,
html.mobile h1.font-47em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-48em,
.admin .main-typography.tablet h1.font-48em,
html.tablet h1.font-48em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-48em,
.admin .main-typography.mobile h1.font-48em,
html.mobile h1.font-48em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-49em,
.admin .main-typography.tablet h1.font-49em,
html.tablet h1.font-49em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-49em,
.admin .main-typography.mobile h1.font-49em,
html.mobile h1.font-49em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h1.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h1.font-50em,
.admin .main-typography.tablet h1.font-50em,
html.tablet h1.font-50em {
    font-size: calc(var(--heading-ratio-tablet-pow5) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h1.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h1.font-50em,
.admin .main-typography.mobile h1.font-50em,
html.mobile h1.font-50em {
    font-size: calc(var(--heading-ratio-mobile-pow5) * 5)
}

.admin .main-typography h2.font-1em,
html h2.font-1em {
    font-size: calc(var(--heading-ratio-pow4) * 0.1)
}

.admin .main-typography h2.font-2em,
html h2.font-2em {
    font-size: calc(var(--heading-ratio-pow4) * 0.2)
}

.admin .main-typography h2.font-3em,
html h2.font-3em {
    font-size: calc(var(--heading-ratio-pow4) * 0.3)
}

.admin .main-typography h2.font-4em,
html h2.font-4em {
    font-size: calc(var(--heading-ratio-pow4) * 0.4)
}

.admin .main-typography h2.font-5em,
html h2.font-5em {
    font-size: calc(var(--heading-ratio-pow4) * 0.5)
}

.admin .main-typography h2.font-6em,
html h2.font-6em {
    font-size: calc(var(--heading-ratio-pow4) * 0.6)
}

.admin .main-typography h2.font-7em,
html h2.font-7em {
    font-size: calc(var(--heading-ratio-pow4) * 0.7)
}

.admin .main-typography h2.font-8em,
html h2.font-8em {
    font-size: calc(var(--heading-ratio-pow4) * 0.8)
}

.admin .main-typography h2.font-9em,
html h2.font-9em {
    font-size: calc(var(--heading-ratio-pow4) * 0.9)
}

.admin .main-typography h2.font-10em,
html h2.font-10em {
    font-size: calc(var(--heading-ratio-pow4) * 1)
}

.admin .main-typography h2.font-11em,
html h2.font-11em {
    font-size: calc(var(--heading-ratio-pow4) * 1.1)
}

.admin .main-typography h2.font-12em,
html h2.font-12em {
    font-size: calc(var(--heading-ratio-pow4) * 1.2)
}

.admin .main-typography h2.font-13em,
html h2.font-13em {
    font-size: calc(var(--heading-ratio-pow4) * 1.3)
}

.admin .main-typography h2.font-14em,
html h2.font-14em {
    font-size: calc(var(--heading-ratio-pow4) * 1.4)
}

.admin .main-typography h2.font-15em,
html h2.font-15em {
    font-size: calc(var(--heading-ratio-pow4) * 1.5)
}

.admin .main-typography h2.font-16em,
html h2.font-16em {
    font-size: calc(var(--heading-ratio-pow4) * 1.6)
}

.admin .main-typography h2.font-17em,
html h2.font-17em {
    font-size: calc(var(--heading-ratio-pow4) * 1.7)
}

.admin .main-typography h2.font-18em,
html h2.font-18em {
    font-size: calc(var(--heading-ratio-pow4) * 1.8)
}

.admin .main-typography h2.font-19em,
html h2.font-19em {
    font-size: calc(var(--heading-ratio-pow4) * 1.9)
}

.admin .main-typography h2.font-20em,
html h2.font-20em {
    font-size: calc(var(--heading-ratio-pow4) * 2)
}

.admin .main-typography h2.font-21em,
html h2.font-21em {
    font-size: calc(var(--heading-ratio-pow4) * 2.1)
}

.admin .main-typography h2.font-22em,
html h2.font-22em {
    font-size: calc(var(--heading-ratio-pow4) * 2.2)
}

.admin .main-typography h2.font-23em,
html h2.font-23em {
    font-size: calc(var(--heading-ratio-pow4) * 2.3)
}

.admin .main-typography h2.font-24em,
html h2.font-24em {
    font-size: calc(var(--heading-ratio-pow4) * 2.4)
}

.admin .main-typography h2.font-25em,
html h2.font-25em {
    font-size: calc(var(--heading-ratio-pow4) * 2.5)
}

.admin .main-typography h2.font-26em,
html h2.font-26em {
    font-size: calc(var(--heading-ratio-pow4) * 2.6)
}

.admin .main-typography h2.font-27em,
html h2.font-27em {
    font-size: calc(var(--heading-ratio-pow4) * 2.7)
}

.admin .main-typography h2.font-28em,
html h2.font-28em {
    font-size: calc(var(--heading-ratio-pow4) * 2.8)
}

.admin .main-typography h2.font-29em,
html h2.font-29em {
    font-size: calc(var(--heading-ratio-pow4) * 2.9)
}

.admin .main-typography h2.font-30em,
html h2.font-30em {
    font-size: calc(var(--heading-ratio-pow4) * 3)
}

.admin .main-typography h2.font-31em,
html h2.font-31em {
    font-size: calc(var(--heading-ratio-pow4) * 3.1)
}

.admin .main-typography h2.font-32em,
html h2.font-32em {
    font-size: calc(var(--heading-ratio-pow4) * 3.2)
}

.admin .main-typography h2.font-33em,
html h2.font-33em {
    font-size: calc(var(--heading-ratio-pow4) * 3.3)
}

.admin .main-typography h2.font-34em,
html h2.font-34em {
    font-size: calc(var(--heading-ratio-pow4) * 3.4)
}

.admin .main-typography h2.font-35em,
html h2.font-35em {
    font-size: calc(var(--heading-ratio-pow4) * 3.5)
}

.admin .main-typography h2.font-36em,
html h2.font-36em {
    font-size: calc(var(--heading-ratio-pow4) * 3.6)
}

.admin .main-typography h2.font-37em,
html h2.font-37em {
    font-size: calc(var(--heading-ratio-pow4) * 3.7)
}

.admin .main-typography h2.font-38em,
html h2.font-38em {
    font-size: calc(var(--heading-ratio-pow4) * 3.8)
}

.admin .main-typography h2.font-39em,
html h2.font-39em {
    font-size: calc(var(--heading-ratio-pow4) * 3.9)
}

.admin .main-typography h2.font-40em,
html h2.font-40em {
    font-size: calc(var(--heading-ratio-pow4) * 4)
}

.admin .main-typography h2.font-41em,
html h2.font-41em {
    font-size: calc(var(--heading-ratio-pow4) * 4.1)
}

.admin .main-typography h2.font-42em,
html h2.font-42em {
    font-size: calc(var(--heading-ratio-pow4) * 4.2)
}

.admin .main-typography h2.font-43em,
html h2.font-43em {
    font-size: calc(var(--heading-ratio-pow4) * 4.3)
}

.admin .main-typography h2.font-44em,
html h2.font-44em {
    font-size: calc(var(--heading-ratio-pow4) * 4.4)
}

.admin .main-typography h2.font-45em,
html h2.font-45em {
    font-size: calc(var(--heading-ratio-pow4) * 4.5)
}

.admin .main-typography h2.font-46em,
html h2.font-46em {
    font-size: calc(var(--heading-ratio-pow4) * 4.6)
}

.admin .main-typography h2.font-47em,
html h2.font-47em {
    font-size: calc(var(--heading-ratio-pow4) * 4.7)
}

.admin .main-typography h2.font-48em,
html h2.font-48em {
    font-size: calc(var(--heading-ratio-pow4) * 4.8)
}

.admin .main-typography h2.font-49em,
html h2.font-49em {
    font-size: calc(var(--heading-ratio-pow4) * 4.9)
}

.admin .main-typography h2.font-50em,
html h2.font-50em {
    font-size: calc(var(--heading-ratio-pow4) * 5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-1em,
.admin .main-typography.tablet h2.font-1em,
html.tablet h2.font-1em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-1em,
.admin .main-typography.mobile h2.font-1em,
html.mobile h2.font-1em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-2em,
.admin .main-typography.tablet h2.font-2em,
html.tablet h2.font-2em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-2em,
.admin .main-typography.mobile h2.font-2em,
html.mobile h2.font-2em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-3em,
.admin .main-typography.tablet h2.font-3em,
html.tablet h2.font-3em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-3em,
.admin .main-typography.mobile h2.font-3em,
html.mobile h2.font-3em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-4em,
.admin .main-typography.tablet h2.font-4em,
html.tablet h2.font-4em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-4em,
.admin .main-typography.mobile h2.font-4em,
html.mobile h2.font-4em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-5em,
.admin .main-typography.tablet h2.font-5em,
html.tablet h2.font-5em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-5em,
.admin .main-typography.mobile h2.font-5em,
html.mobile h2.font-5em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-6em,
.admin .main-typography.tablet h2.font-6em,
html.tablet h2.font-6em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-6em,
.admin .main-typography.mobile h2.font-6em,
html.mobile h2.font-6em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-7em,
.admin .main-typography.tablet h2.font-7em,
html.tablet h2.font-7em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-7em,
.admin .main-typography.mobile h2.font-7em,
html.mobile h2.font-7em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-8em,
.admin .main-typography.tablet h2.font-8em,
html.tablet h2.font-8em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-8em,
.admin .main-typography.mobile h2.font-8em,
html.mobile h2.font-8em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-9em,
.admin .main-typography.tablet h2.font-9em,
html.tablet h2.font-9em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-9em,
.admin .main-typography.mobile h2.font-9em,
html.mobile h2.font-9em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-10em,
.admin .main-typography.tablet h2.font-10em,
html.tablet h2.font-10em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-10em,
.admin .main-typography.mobile h2.font-10em,
html.mobile h2.font-10em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-11em,
.admin .main-typography.tablet h2.font-11em,
html.tablet h2.font-11em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-11em,
.admin .main-typography.mobile h2.font-11em,
html.mobile h2.font-11em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-12em,
.admin .main-typography.tablet h2.font-12em,
html.tablet h2.font-12em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-12em,
.admin .main-typography.mobile h2.font-12em,
html.mobile h2.font-12em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-13em,
.admin .main-typography.tablet h2.font-13em,
html.tablet h2.font-13em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-13em,
.admin .main-typography.mobile h2.font-13em,
html.mobile h2.font-13em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-14em,
.admin .main-typography.tablet h2.font-14em,
html.tablet h2.font-14em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-14em,
.admin .main-typography.mobile h2.font-14em,
html.mobile h2.font-14em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-15em,
.admin .main-typography.tablet h2.font-15em,
html.tablet h2.font-15em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-15em,
.admin .main-typography.mobile h2.font-15em,
html.mobile h2.font-15em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-16em,
.admin .main-typography.tablet h2.font-16em,
html.tablet h2.font-16em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-16em,
.admin .main-typography.mobile h2.font-16em,
html.mobile h2.font-16em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-17em,
.admin .main-typography.tablet h2.font-17em,
html.tablet h2.font-17em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-17em,
.admin .main-typography.mobile h2.font-17em,
html.mobile h2.font-17em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-18em,
.admin .main-typography.tablet h2.font-18em,
html.tablet h2.font-18em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-18em,
.admin .main-typography.mobile h2.font-18em,
html.mobile h2.font-18em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-19em,
.admin .main-typography.tablet h2.font-19em,
html.tablet h2.font-19em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-19em,
.admin .main-typography.mobile h2.font-19em,
html.mobile h2.font-19em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-20em,
.admin .main-typography.tablet h2.font-20em,
html.tablet h2.font-20em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-20em,
.admin .main-typography.mobile h2.font-20em,
html.mobile h2.font-20em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-21em,
.admin .main-typography.tablet h2.font-21em,
html.tablet h2.font-21em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-21em,
.admin .main-typography.mobile h2.font-21em,
html.mobile h2.font-21em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-22em,
.admin .main-typography.tablet h2.font-22em,
html.tablet h2.font-22em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-22em,
.admin .main-typography.mobile h2.font-22em,
html.mobile h2.font-22em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-23em,
.admin .main-typography.tablet h2.font-23em,
html.tablet h2.font-23em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-23em,
.admin .main-typography.mobile h2.font-23em,
html.mobile h2.font-23em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-24em,
.admin .main-typography.tablet h2.font-24em,
html.tablet h2.font-24em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-24em,
.admin .main-typography.mobile h2.font-24em,
html.mobile h2.font-24em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-25em,
.admin .main-typography.tablet h2.font-25em,
html.tablet h2.font-25em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-25em,
.admin .main-typography.mobile h2.font-25em,
html.mobile h2.font-25em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-26em,
.admin .main-typography.tablet h2.font-26em,
html.tablet h2.font-26em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-26em,
.admin .main-typography.mobile h2.font-26em,
html.mobile h2.font-26em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-27em,
.admin .main-typography.tablet h2.font-27em,
html.tablet h2.font-27em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-27em,
.admin .main-typography.mobile h2.font-27em,
html.mobile h2.font-27em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-28em,
.admin .main-typography.tablet h2.font-28em,
html.tablet h2.font-28em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-28em,
.admin .main-typography.mobile h2.font-28em,
html.mobile h2.font-28em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-29em,
.admin .main-typography.tablet h2.font-29em,
html.tablet h2.font-29em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-29em,
.admin .main-typography.mobile h2.font-29em,
html.mobile h2.font-29em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-30em,
.admin .main-typography.tablet h2.font-30em,
html.tablet h2.font-30em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-30em,
.admin .main-typography.mobile h2.font-30em,
html.mobile h2.font-30em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-31em,
.admin .main-typography.tablet h2.font-31em,
html.tablet h2.font-31em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-31em,
.admin .main-typography.mobile h2.font-31em,
html.mobile h2.font-31em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-32em,
.admin .main-typography.tablet h2.font-32em,
html.tablet h2.font-32em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-32em,
.admin .main-typography.mobile h2.font-32em,
html.mobile h2.font-32em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-33em,
.admin .main-typography.tablet h2.font-33em,
html.tablet h2.font-33em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-33em,
.admin .main-typography.mobile h2.font-33em,
html.mobile h2.font-33em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-34em,
.admin .main-typography.tablet h2.font-34em,
html.tablet h2.font-34em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-34em,
.admin .main-typography.mobile h2.font-34em,
html.mobile h2.font-34em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-35em,
.admin .main-typography.tablet h2.font-35em,
html.tablet h2.font-35em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-35em,
.admin .main-typography.mobile h2.font-35em,
html.mobile h2.font-35em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-36em,
.admin .main-typography.tablet h2.font-36em,
html.tablet h2.font-36em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-36em,
.admin .main-typography.mobile h2.font-36em,
html.mobile h2.font-36em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-37em,
.admin .main-typography.tablet h2.font-37em,
html.tablet h2.font-37em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-37em,
.admin .main-typography.mobile h2.font-37em,
html.mobile h2.font-37em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-38em,
.admin .main-typography.tablet h2.font-38em,
html.tablet h2.font-38em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-38em,
.admin .main-typography.mobile h2.font-38em,
html.mobile h2.font-38em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-39em,
.admin .main-typography.tablet h2.font-39em,
html.tablet h2.font-39em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-39em,
.admin .main-typography.mobile h2.font-39em,
html.mobile h2.font-39em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-40em,
.admin .main-typography.tablet h2.font-40em,
html.tablet h2.font-40em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-40em,
.admin .main-typography.mobile h2.font-40em,
html.mobile h2.font-40em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-41em,
.admin .main-typography.tablet h2.font-41em,
html.tablet h2.font-41em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-41em,
.admin .main-typography.mobile h2.font-41em,
html.mobile h2.font-41em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-42em,
.admin .main-typography.tablet h2.font-42em,
html.tablet h2.font-42em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-42em,
.admin .main-typography.mobile h2.font-42em,
html.mobile h2.font-42em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-43em,
.admin .main-typography.tablet h2.font-43em,
html.tablet h2.font-43em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-43em,
.admin .main-typography.mobile h2.font-43em,
html.mobile h2.font-43em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-44em,
.admin .main-typography.tablet h2.font-44em,
html.tablet h2.font-44em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-44em,
.admin .main-typography.mobile h2.font-44em,
html.mobile h2.font-44em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-45em,
.admin .main-typography.tablet h2.font-45em,
html.tablet h2.font-45em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-45em,
.admin .main-typography.mobile h2.font-45em,
html.mobile h2.font-45em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-46em,
.admin .main-typography.tablet h2.font-46em,
html.tablet h2.font-46em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-46em,
.admin .main-typography.mobile h2.font-46em,
html.mobile h2.font-46em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-47em,
.admin .main-typography.tablet h2.font-47em,
html.tablet h2.font-47em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-47em,
.admin .main-typography.mobile h2.font-47em,
html.mobile h2.font-47em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-48em,
.admin .main-typography.tablet h2.font-48em,
html.tablet h2.font-48em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-48em,
.admin .main-typography.mobile h2.font-48em,
html.mobile h2.font-48em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-49em,
.admin .main-typography.tablet h2.font-49em,
html.tablet h2.font-49em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-49em,
.admin .main-typography.mobile h2.font-49em,
html.mobile h2.font-49em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h2.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h2.font-50em,
.admin .main-typography.tablet h2.font-50em,
html.tablet h2.font-50em {
    font-size: calc(var(--heading-ratio-tablet-pow4) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h2.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h2.font-50em,
.admin .main-typography.mobile h2.font-50em,
html.mobile h2.font-50em {
    font-size: calc(var(--heading-ratio-mobile-pow4) * 5)
}

.admin .main-typography h3.font-1em,
html h3.font-1em {
    font-size: calc(var(--heading-ratio-pow3) * 0.1)
}

.admin .main-typography h3.font-2em,
html h3.font-2em {
    font-size: calc(var(--heading-ratio-pow3) * 0.2)
}

.admin .main-typography h3.font-3em,
html h3.font-3em {
    font-size: calc(var(--heading-ratio-pow3) * 0.3)
}

.admin .main-typography h3.font-4em,
html h3.font-4em {
    font-size: calc(var(--heading-ratio-pow3) * 0.4)
}

.admin .main-typography h3.font-5em,
html h3.font-5em {
    font-size: calc(var(--heading-ratio-pow3) * 0.5)
}

.admin .main-typography h3.font-6em,
html h3.font-6em {
    font-size: calc(var(--heading-ratio-pow3) * 0.6)
}

.admin .main-typography h3.font-7em,
html h3.font-7em {
    font-size: calc(var(--heading-ratio-pow3) * 0.7)
}

.admin .main-typography h3.font-8em,
html h3.font-8em {
    font-size: calc(var(--heading-ratio-pow3) * 0.8)
}

.admin .main-typography h3.font-9em,
html h3.font-9em {
    font-size: calc(var(--heading-ratio-pow3) * 0.9)
}

.admin .main-typography h3.font-10em,
html h3.font-10em {
    font-size: calc(var(--heading-ratio-pow3) * 1)
}

.admin .main-typography h3.font-11em,
html h3.font-11em {
    font-size: calc(var(--heading-ratio-pow3) * 1.1)
}

.admin .main-typography h3.font-12em,
html h3.font-12em {
    font-size: calc(var(--heading-ratio-pow3) * 1.2)
}

.admin .main-typography h3.font-13em,
html h3.font-13em {
    font-size: calc(var(--heading-ratio-pow3) * 1.3)
}

.admin .main-typography h3.font-14em,
html h3.font-14em {
    font-size: calc(var(--heading-ratio-pow3) * 1.4)
}

.admin .main-typography h3.font-15em,
html h3.font-15em {
    font-size: calc(var(--heading-ratio-pow3) * 1.5)
}

.admin .main-typography h3.font-16em,
html h3.font-16em {
    font-size: calc(var(--heading-ratio-pow3) * 1.6)
}

.admin .main-typography h3.font-17em,
html h3.font-17em {
    font-size: calc(var(--heading-ratio-pow3) * 1.7)
}

.admin .main-typography h3.font-18em,
html h3.font-18em {
    font-size: calc(var(--heading-ratio-pow3) * 1.8)
}

.admin .main-typography h3.font-19em,
html h3.font-19em {
    font-size: calc(var(--heading-ratio-pow3) * 1.9)
}

.admin .main-typography h3.font-20em,
html h3.font-20em {
    font-size: calc(var(--heading-ratio-pow3) * 2)
}

.admin .main-typography h3.font-21em,
html h3.font-21em {
    font-size: calc(var(--heading-ratio-pow3) * 2.1)
}

.admin .main-typography h3.font-22em,
html h3.font-22em {
    font-size: calc(var(--heading-ratio-pow3) * 2.2)
}

.admin .main-typography h3.font-23em,
html h3.font-23em {
    font-size: calc(var(--heading-ratio-pow3) * 2.3)
}

.admin .main-typography h3.font-24em,
html h3.font-24em {
    font-size: calc(var(--heading-ratio-pow3) * 2.4)
}

.admin .main-typography h3.font-25em,
html h3.font-25em {
    font-size: calc(var(--heading-ratio-pow3) * 2.5)
}

.admin .main-typography h3.font-26em,
html h3.font-26em {
    font-size: calc(var(--heading-ratio-pow3) * 2.6)
}

.admin .main-typography h3.font-27em,
html h3.font-27em {
    font-size: calc(var(--heading-ratio-pow3) * 2.7)
}

.admin .main-typography h3.font-28em,
html h3.font-28em {
    font-size: calc(var(--heading-ratio-pow3) * 2.8)
}

.admin .main-typography h3.font-29em,
html h3.font-29em {
    font-size: calc(var(--heading-ratio-pow3) * 2.9)
}

.admin .main-typography h3.font-30em,
html h3.font-30em {
    font-size: calc(var(--heading-ratio-pow3) * 3)
}

.admin .main-typography h3.font-31em,
html h3.font-31em {
    font-size: calc(var(--heading-ratio-pow3) * 3.1)
}

.admin .main-typography h3.font-32em,
html h3.font-32em {
    font-size: calc(var(--heading-ratio-pow3) * 3.2)
}

.admin .main-typography h3.font-33em,
html h3.font-33em {
    font-size: calc(var(--heading-ratio-pow3) * 3.3)
}

.admin .main-typography h3.font-34em,
html h3.font-34em {
    font-size: calc(var(--heading-ratio-pow3) * 3.4)
}

.admin .main-typography h3.font-35em,
html h3.font-35em {
    font-size: calc(var(--heading-ratio-pow3) * 3.5)
}

.admin .main-typography h3.font-36em,
html h3.font-36em {
    font-size: calc(var(--heading-ratio-pow3) * 3.6)
}

.admin .main-typography h3.font-37em,
html h3.font-37em {
    font-size: calc(var(--heading-ratio-pow3) * 3.7)
}

.admin .main-typography h3.font-38em,
html h3.font-38em {
    font-size: calc(var(--heading-ratio-pow3) * 3.8)
}

.admin .main-typography h3.font-39em,
html h3.font-39em {
    font-size: calc(var(--heading-ratio-pow3) * 3.9)
}

.admin .main-typography h3.font-40em,
html h3.font-40em {
    font-size: calc(var(--heading-ratio-pow3) * 4)
}

.admin .main-typography h3.font-41em,
html h3.font-41em {
    font-size: calc(var(--heading-ratio-pow3) * 4.1)
}

.admin .main-typography h3.font-42em,
html h3.font-42em {
    font-size: calc(var(--heading-ratio-pow3) * 4.2)
}

.admin .main-typography h3.font-43em,
html h3.font-43em {
    font-size: calc(var(--heading-ratio-pow3) * 4.3)
}

.admin .main-typography h3.font-44em,
html h3.font-44em {
    font-size: calc(var(--heading-ratio-pow3) * 4.4)
}

.admin .main-typography h3.font-45em,
html h3.font-45em {
    font-size: calc(var(--heading-ratio-pow3) * 4.5)
}

.admin .main-typography h3.font-46em,
html h3.font-46em {
    font-size: calc(var(--heading-ratio-pow3) * 4.6)
}

.admin .main-typography h3.font-47em,
html h3.font-47em {
    font-size: calc(var(--heading-ratio-pow3) * 4.7)
}

.admin .main-typography h3.font-48em,
html h3.font-48em {
    font-size: calc(var(--heading-ratio-pow3) * 4.8)
}

.admin .main-typography h3.font-49em,
html h3.font-49em {
    font-size: calc(var(--heading-ratio-pow3) * 4.9)
}

.admin .main-typography h3.font-50em,
html h3.font-50em {
    font-size: calc(var(--heading-ratio-pow3) * 5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-1em,
.admin .main-typography.tablet h3.font-1em,
html.tablet h3.font-1em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-1em,
.admin .main-typography.mobile h3.font-1em,
html.mobile h3.font-1em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-2em,
.admin .main-typography.tablet h3.font-2em,
html.tablet h3.font-2em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-2em,
.admin .main-typography.mobile h3.font-2em,
html.mobile h3.font-2em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-3em,
.admin .main-typography.tablet h3.font-3em,
html.tablet h3.font-3em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-3em,
.admin .main-typography.mobile h3.font-3em,
html.mobile h3.font-3em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-4em,
.admin .main-typography.tablet h3.font-4em,
html.tablet h3.font-4em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-4em,
.admin .main-typography.mobile h3.font-4em,
html.mobile h3.font-4em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-5em,
.admin .main-typography.tablet h3.font-5em,
html.tablet h3.font-5em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-5em,
.admin .main-typography.mobile h3.font-5em,
html.mobile h3.font-5em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-6em,
.admin .main-typography.tablet h3.font-6em,
html.tablet h3.font-6em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-6em,
.admin .main-typography.mobile h3.font-6em,
html.mobile h3.font-6em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-7em,
.admin .main-typography.tablet h3.font-7em,
html.tablet h3.font-7em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-7em,
.admin .main-typography.mobile h3.font-7em,
html.mobile h3.font-7em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-8em,
.admin .main-typography.tablet h3.font-8em,
html.tablet h3.font-8em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-8em,
.admin .main-typography.mobile h3.font-8em,
html.mobile h3.font-8em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-9em,
.admin .main-typography.tablet h3.font-9em,
html.tablet h3.font-9em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-9em,
.admin .main-typography.mobile h3.font-9em,
html.mobile h3.font-9em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-10em,
.admin .main-typography.tablet h3.font-10em,
html.tablet h3.font-10em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-10em,
.admin .main-typography.mobile h3.font-10em,
html.mobile h3.font-10em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-11em,
.admin .main-typography.tablet h3.font-11em,
html.tablet h3.font-11em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-11em,
.admin .main-typography.mobile h3.font-11em,
html.mobile h3.font-11em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-12em,
.admin .main-typography.tablet h3.font-12em,
html.tablet h3.font-12em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-12em,
.admin .main-typography.mobile h3.font-12em,
html.mobile h3.font-12em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-13em,
.admin .main-typography.tablet h3.font-13em,
html.tablet h3.font-13em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-13em,
.admin .main-typography.mobile h3.font-13em,
html.mobile h3.font-13em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-14em,
.admin .main-typography.tablet h3.font-14em,
html.tablet h3.font-14em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-14em,
.admin .main-typography.mobile h3.font-14em,
html.mobile h3.font-14em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-15em,
.admin .main-typography.tablet h3.font-15em,
html.tablet h3.font-15em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-15em,
.admin .main-typography.mobile h3.font-15em,
html.mobile h3.font-15em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-16em,
.admin .main-typography.tablet h3.font-16em,
html.tablet h3.font-16em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-16em,
.admin .main-typography.mobile h3.font-16em,
html.mobile h3.font-16em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-17em,
.admin .main-typography.tablet h3.font-17em,
html.tablet h3.font-17em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-17em,
.admin .main-typography.mobile h3.font-17em,
html.mobile h3.font-17em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-18em,
.admin .main-typography.tablet h3.font-18em,
html.tablet h3.font-18em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-18em,
.admin .main-typography.mobile h3.font-18em,
html.mobile h3.font-18em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-19em,
.admin .main-typography.tablet h3.font-19em,
html.tablet h3.font-19em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-19em,
.admin .main-typography.mobile h3.font-19em,
html.mobile h3.font-19em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-20em,
.admin .main-typography.tablet h3.font-20em,
html.tablet h3.font-20em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-20em,
.admin .main-typography.mobile h3.font-20em,
html.mobile h3.font-20em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-21em,
.admin .main-typography.tablet h3.font-21em,
html.tablet h3.font-21em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-21em,
.admin .main-typography.mobile h3.font-21em,
html.mobile h3.font-21em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-22em,
.admin .main-typography.tablet h3.font-22em,
html.tablet h3.font-22em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-22em,
.admin .main-typography.mobile h3.font-22em,
html.mobile h3.font-22em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-23em,
.admin .main-typography.tablet h3.font-23em,
html.tablet h3.font-23em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-23em,
.admin .main-typography.mobile h3.font-23em,
html.mobile h3.font-23em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-24em,
.admin .main-typography.tablet h3.font-24em,
html.tablet h3.font-24em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-24em,
.admin .main-typography.mobile h3.font-24em,
html.mobile h3.font-24em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-25em,
.admin .main-typography.tablet h3.font-25em,
html.tablet h3.font-25em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-25em,
.admin .main-typography.mobile h3.font-25em,
html.mobile h3.font-25em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-26em,
.admin .main-typography.tablet h3.font-26em,
html.tablet h3.font-26em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-26em,
.admin .main-typography.mobile h3.font-26em,
html.mobile h3.font-26em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-27em,
.admin .main-typography.tablet h3.font-27em,
html.tablet h3.font-27em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-27em,
.admin .main-typography.mobile h3.font-27em,
html.mobile h3.font-27em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-28em,
.admin .main-typography.tablet h3.font-28em,
html.tablet h3.font-28em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-28em,
.admin .main-typography.mobile h3.font-28em,
html.mobile h3.font-28em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-29em,
.admin .main-typography.tablet h3.font-29em,
html.tablet h3.font-29em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-29em,
.admin .main-typography.mobile h3.font-29em,
html.mobile h3.font-29em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-30em,
.admin .main-typography.tablet h3.font-30em,
html.tablet h3.font-30em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-30em,
.admin .main-typography.mobile h3.font-30em,
html.mobile h3.font-30em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-31em,
.admin .main-typography.tablet h3.font-31em,
html.tablet h3.font-31em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-31em,
.admin .main-typography.mobile h3.font-31em,
html.mobile h3.font-31em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-32em,
.admin .main-typography.tablet h3.font-32em,
html.tablet h3.font-32em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-32em,
.admin .main-typography.mobile h3.font-32em,
html.mobile h3.font-32em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-33em,
.admin .main-typography.tablet h3.font-33em,
html.tablet h3.font-33em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-33em,
.admin .main-typography.mobile h3.font-33em,
html.mobile h3.font-33em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-34em,
.admin .main-typography.tablet h3.font-34em,
html.tablet h3.font-34em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-34em,
.admin .main-typography.mobile h3.font-34em,
html.mobile h3.font-34em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-35em,
.admin .main-typography.tablet h3.font-35em,
html.tablet h3.font-35em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-35em,
.admin .main-typography.mobile h3.font-35em,
html.mobile h3.font-35em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-36em,
.admin .main-typography.tablet h3.font-36em,
html.tablet h3.font-36em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-36em,
.admin .main-typography.mobile h3.font-36em,
html.mobile h3.font-36em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-37em,
.admin .main-typography.tablet h3.font-37em,
html.tablet h3.font-37em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-37em,
.admin .main-typography.mobile h3.font-37em,
html.mobile h3.font-37em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-38em,
.admin .main-typography.tablet h3.font-38em,
html.tablet h3.font-38em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-38em,
.admin .main-typography.mobile h3.font-38em,
html.mobile h3.font-38em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-39em,
.admin .main-typography.tablet h3.font-39em,
html.tablet h3.font-39em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-39em,
.admin .main-typography.mobile h3.font-39em,
html.mobile h3.font-39em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-40em,
.admin .main-typography.tablet h3.font-40em,
html.tablet h3.font-40em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-40em,
.admin .main-typography.mobile h3.font-40em,
html.mobile h3.font-40em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-41em,
.admin .main-typography.tablet h3.font-41em,
html.tablet h3.font-41em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-41em,
.admin .main-typography.mobile h3.font-41em,
html.mobile h3.font-41em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-42em,
.admin .main-typography.tablet h3.font-42em,
html.tablet h3.font-42em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-42em,
.admin .main-typography.mobile h3.font-42em,
html.mobile h3.font-42em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-43em,
.admin .main-typography.tablet h3.font-43em,
html.tablet h3.font-43em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-43em,
.admin .main-typography.mobile h3.font-43em,
html.mobile h3.font-43em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-44em,
.admin .main-typography.tablet h3.font-44em,
html.tablet h3.font-44em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-44em,
.admin .main-typography.mobile h3.font-44em,
html.mobile h3.font-44em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-45em,
.admin .main-typography.tablet h3.font-45em,
html.tablet h3.font-45em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-45em,
.admin .main-typography.mobile h3.font-45em,
html.mobile h3.font-45em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-46em,
.admin .main-typography.tablet h3.font-46em,
html.tablet h3.font-46em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-46em,
.admin .main-typography.mobile h3.font-46em,
html.mobile h3.font-46em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-47em,
.admin .main-typography.tablet h3.font-47em,
html.tablet h3.font-47em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-47em,
.admin .main-typography.mobile h3.font-47em,
html.mobile h3.font-47em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-48em,
.admin .main-typography.tablet h3.font-48em,
html.tablet h3.font-48em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-48em,
.admin .main-typography.mobile h3.font-48em,
html.mobile h3.font-48em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-49em,
.admin .main-typography.tablet h3.font-49em,
html.tablet h3.font-49em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-49em,
.admin .main-typography.mobile h3.font-49em,
html.mobile h3.font-49em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h3.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h3.font-50em,
.admin .main-typography.tablet h3.font-50em,
html.tablet h3.font-50em {
    font-size: calc(var(--heading-ratio-tablet-pow3) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h3.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h3.font-50em,
.admin .main-typography.mobile h3.font-50em,
html.mobile h3.font-50em {
    font-size: calc(var(--heading-ratio-mobile-pow3) * 5)
}

.admin .main-typography h4.font-1em,
html h4.font-1em {
    font-size: calc(var(--heading-ratio-pow2) * 0.1)
}

.admin .main-typography h4.font-2em,
html h4.font-2em {
    font-size: calc(var(--heading-ratio-pow2) * 0.2)
}

.admin .main-typography h4.font-3em,
html h4.font-3em {
    font-size: calc(var(--heading-ratio-pow2) * 0.3)
}

.admin .main-typography h4.font-4em,
html h4.font-4em {
    font-size: calc(var(--heading-ratio-pow2) * 0.4)
}

.admin .main-typography h4.font-5em,
html h4.font-5em {
    font-size: calc(var(--heading-ratio-pow2) * 0.5)
}

.admin .main-typography h4.font-6em,
html h4.font-6em {
    font-size: calc(var(--heading-ratio-pow2) * 0.6)
}

.admin .main-typography h4.font-7em,
html h4.font-7em {
    font-size: calc(var(--heading-ratio-pow2) * 0.7)
}

.admin .main-typography h4.font-8em,
html h4.font-8em {
    font-size: calc(var(--heading-ratio-pow2) * 0.8)
}

.admin .main-typography h4.font-9em,
html h4.font-9em {
    font-size: calc(var(--heading-ratio-pow2) * 0.9)
}

.admin .main-typography h4.font-10em,
html h4.font-10em {
    font-size: calc(var(--heading-ratio-pow2) * 1)
}

.admin .main-typography h4.font-11em,
html h4.font-11em {
    font-size: calc(var(--heading-ratio-pow2) * 1.1)
}

.admin .main-typography h4.font-12em,
html h4.font-12em {
    font-size: calc(var(--heading-ratio-pow2) * 1.2)
}

.admin .main-typography h4.font-13em,
html h4.font-13em {
    font-size: calc(var(--heading-ratio-pow2) * 1.3)
}

.admin .main-typography h4.font-14em,
html h4.font-14em {
    font-size: calc(var(--heading-ratio-pow2) * 1.4)
}

.admin .main-typography h4.font-15em,
html h4.font-15em {
    font-size: calc(var(--heading-ratio-pow2) * 1.5)
}

.admin .main-typography h4.font-16em,
html h4.font-16em {
    font-size: calc(var(--heading-ratio-pow2) * 1.6)
}

.admin .main-typography h4.font-17em,
html h4.font-17em {
    font-size: calc(var(--heading-ratio-pow2) * 1.7)
}

.admin .main-typography h4.font-18em,
html h4.font-18em {
    font-size: calc(var(--heading-ratio-pow2) * 1.8)
}

.admin .main-typography h4.font-19em,
html h4.font-19em {
    font-size: calc(var(--heading-ratio-pow2) * 1.9)
}

.admin .main-typography h4.font-20em,
html h4.font-20em {
    font-size: calc(var(--heading-ratio-pow2) * 2)
}

.admin .main-typography h4.font-21em,
html h4.font-21em {
    font-size: calc(var(--heading-ratio-pow2) * 2.1)
}

.admin .main-typography h4.font-22em,
html h4.font-22em {
    font-size: calc(var(--heading-ratio-pow2) * 2.2)
}

.admin .main-typography h4.font-23em,
html h4.font-23em {
    font-size: calc(var(--heading-ratio-pow2) * 2.3)
}

.admin .main-typography h4.font-24em,
html h4.font-24em {
    font-size: calc(var(--heading-ratio-pow2) * 2.4)
}

.admin .main-typography h4.font-25em,
html h4.font-25em {
    font-size: calc(var(--heading-ratio-pow2) * 2.5)
}

.admin .main-typography h4.font-26em,
html h4.font-26em {
    font-size: calc(var(--heading-ratio-pow2) * 2.6)
}

.admin .main-typography h4.font-27em,
html h4.font-27em {
    font-size: calc(var(--heading-ratio-pow2) * 2.7)
}

.admin .main-typography h4.font-28em,
html h4.font-28em {
    font-size: calc(var(--heading-ratio-pow2) * 2.8)
}

.admin .main-typography h4.font-29em,
html h4.font-29em {
    font-size: calc(var(--heading-ratio-pow2) * 2.9)
}

.admin .main-typography h4.font-30em,
html h4.font-30em {
    font-size: calc(var(--heading-ratio-pow2) * 3)
}

.admin .main-typography h4.font-31em,
html h4.font-31em {
    font-size: calc(var(--heading-ratio-pow2) * 3.1)
}

.admin .main-typography h4.font-32em,
html h4.font-32em {
    font-size: calc(var(--heading-ratio-pow2) * 3.2)
}

.admin .main-typography h4.font-33em,
html h4.font-33em {
    font-size: calc(var(--heading-ratio-pow2) * 3.3)
}

.admin .main-typography h4.font-34em,
html h4.font-34em {
    font-size: calc(var(--heading-ratio-pow2) * 3.4)
}

.admin .main-typography h4.font-35em,
html h4.font-35em {
    font-size: calc(var(--heading-ratio-pow2) * 3.5)
}

.admin .main-typography h4.font-36em,
html h4.font-36em {
    font-size: calc(var(--heading-ratio-pow2) * 3.6)
}

.admin .main-typography h4.font-37em,
html h4.font-37em {
    font-size: calc(var(--heading-ratio-pow2) * 3.7)
}

.admin .main-typography h4.font-38em,
html h4.font-38em {
    font-size: calc(var(--heading-ratio-pow2) * 3.8)
}

.admin .main-typography h4.font-39em,
html h4.font-39em {
    font-size: calc(var(--heading-ratio-pow2) * 3.9)
}

.admin .main-typography h4.font-40em,
html h4.font-40em {
    font-size: calc(var(--heading-ratio-pow2) * 4)
}

.admin .main-typography h4.font-41em,
html h4.font-41em {
    font-size: calc(var(--heading-ratio-pow2) * 4.1)
}

.admin .main-typography h4.font-42em,
html h4.font-42em {
    font-size: calc(var(--heading-ratio-pow2) * 4.2)
}

.admin .main-typography h4.font-43em,
html h4.font-43em {
    font-size: calc(var(--heading-ratio-pow2) * 4.3)
}

.admin .main-typography h4.font-44em,
html h4.font-44em {
    font-size: calc(var(--heading-ratio-pow2) * 4.4)
}

.admin .main-typography h4.font-45em,
html h4.font-45em {
    font-size: calc(var(--heading-ratio-pow2) * 4.5)
}

.admin .main-typography h4.font-46em,
html h4.font-46em {
    font-size: calc(var(--heading-ratio-pow2) * 4.6)
}

.admin .main-typography h4.font-47em,
html h4.font-47em {
    font-size: calc(var(--heading-ratio-pow2) * 4.7)
}

.admin .main-typography h4.font-48em,
html h4.font-48em {
    font-size: calc(var(--heading-ratio-pow2) * 4.8)
}

.admin .main-typography h4.font-49em,
html h4.font-49em {
    font-size: calc(var(--heading-ratio-pow2) * 4.9)
}

.admin .main-typography h4.font-50em,
html h4.font-50em {
    font-size: calc(var(--heading-ratio-pow2) * 5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-1em,
.admin .main-typography.tablet h4.font-1em,
html.tablet h4.font-1em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-1em,
.admin .main-typography.mobile h4.font-1em,
html.mobile h4.font-1em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-2em,
.admin .main-typography.tablet h4.font-2em,
html.tablet h4.font-2em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-2em,
.admin .main-typography.mobile h4.font-2em,
html.mobile h4.font-2em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-3em,
.admin .main-typography.tablet h4.font-3em,
html.tablet h4.font-3em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-3em,
.admin .main-typography.mobile h4.font-3em,
html.mobile h4.font-3em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-4em,
.admin .main-typography.tablet h4.font-4em,
html.tablet h4.font-4em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-4em,
.admin .main-typography.mobile h4.font-4em,
html.mobile h4.font-4em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-5em,
.admin .main-typography.tablet h4.font-5em,
html.tablet h4.font-5em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-5em,
.admin .main-typography.mobile h4.font-5em,
html.mobile h4.font-5em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-6em,
.admin .main-typography.tablet h4.font-6em,
html.tablet h4.font-6em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-6em,
.admin .main-typography.mobile h4.font-6em,
html.mobile h4.font-6em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-7em,
.admin .main-typography.tablet h4.font-7em,
html.tablet h4.font-7em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-7em,
.admin .main-typography.mobile h4.font-7em,
html.mobile h4.font-7em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-8em,
.admin .main-typography.tablet h4.font-8em,
html.tablet h4.font-8em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-8em,
.admin .main-typography.mobile h4.font-8em,
html.mobile h4.font-8em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-9em,
.admin .main-typography.tablet h4.font-9em,
html.tablet h4.font-9em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-9em,
.admin .main-typography.mobile h4.font-9em,
html.mobile h4.font-9em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-10em,
.admin .main-typography.tablet h4.font-10em,
html.tablet h4.font-10em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-10em,
.admin .main-typography.mobile h4.font-10em,
html.mobile h4.font-10em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-11em,
.admin .main-typography.tablet h4.font-11em,
html.tablet h4.font-11em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-11em,
.admin .main-typography.mobile h4.font-11em,
html.mobile h4.font-11em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-12em,
.admin .main-typography.tablet h4.font-12em,
html.tablet h4.font-12em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-12em,
.admin .main-typography.mobile h4.font-12em,
html.mobile h4.font-12em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-13em,
.admin .main-typography.tablet h4.font-13em,
html.tablet h4.font-13em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-13em,
.admin .main-typography.mobile h4.font-13em,
html.mobile h4.font-13em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-14em,
.admin .main-typography.tablet h4.font-14em,
html.tablet h4.font-14em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-14em,
.admin .main-typography.mobile h4.font-14em,
html.mobile h4.font-14em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-15em,
.admin .main-typography.tablet h4.font-15em,
html.tablet h4.font-15em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-15em,
.admin .main-typography.mobile h4.font-15em,
html.mobile h4.font-15em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-16em,
.admin .main-typography.tablet h4.font-16em,
html.tablet h4.font-16em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-16em,
.admin .main-typography.mobile h4.font-16em,
html.mobile h4.font-16em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-17em,
.admin .main-typography.tablet h4.font-17em,
html.tablet h4.font-17em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-17em,
.admin .main-typography.mobile h4.font-17em,
html.mobile h4.font-17em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-18em,
.admin .main-typography.tablet h4.font-18em,
html.tablet h4.font-18em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-18em,
.admin .main-typography.mobile h4.font-18em,
html.mobile h4.font-18em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-19em,
.admin .main-typography.tablet h4.font-19em,
html.tablet h4.font-19em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-19em,
.admin .main-typography.mobile h4.font-19em,
html.mobile h4.font-19em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-20em,
.admin .main-typography.tablet h4.font-20em,
html.tablet h4.font-20em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-20em,
.admin .main-typography.mobile h4.font-20em,
html.mobile h4.font-20em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-21em,
.admin .main-typography.tablet h4.font-21em,
html.tablet h4.font-21em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-21em,
.admin .main-typography.mobile h4.font-21em,
html.mobile h4.font-21em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-22em,
.admin .main-typography.tablet h4.font-22em,
html.tablet h4.font-22em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-22em,
.admin .main-typography.mobile h4.font-22em,
html.mobile h4.font-22em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-23em,
.admin .main-typography.tablet h4.font-23em,
html.tablet h4.font-23em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-23em,
.admin .main-typography.mobile h4.font-23em,
html.mobile h4.font-23em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-24em,
.admin .main-typography.tablet h4.font-24em,
html.tablet h4.font-24em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-24em,
.admin .main-typography.mobile h4.font-24em,
html.mobile h4.font-24em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-25em,
.admin .main-typography.tablet h4.font-25em,
html.tablet h4.font-25em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-25em,
.admin .main-typography.mobile h4.font-25em,
html.mobile h4.font-25em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-26em,
.admin .main-typography.tablet h4.font-26em,
html.tablet h4.font-26em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-26em,
.admin .main-typography.mobile h4.font-26em,
html.mobile h4.font-26em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-27em,
.admin .main-typography.tablet h4.font-27em,
html.tablet h4.font-27em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-27em,
.admin .main-typography.mobile h4.font-27em,
html.mobile h4.font-27em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-28em,
.admin .main-typography.tablet h4.font-28em,
html.tablet h4.font-28em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-28em,
.admin .main-typography.mobile h4.font-28em,
html.mobile h4.font-28em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-29em,
.admin .main-typography.tablet h4.font-29em,
html.tablet h4.font-29em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-29em,
.admin .main-typography.mobile h4.font-29em,
html.mobile h4.font-29em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-30em,
.admin .main-typography.tablet h4.font-30em,
html.tablet h4.font-30em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-30em,
.admin .main-typography.mobile h4.font-30em,
html.mobile h4.font-30em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-31em,
.admin .main-typography.tablet h4.font-31em,
html.tablet h4.font-31em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-31em,
.admin .main-typography.mobile h4.font-31em,
html.mobile h4.font-31em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-32em,
.admin .main-typography.tablet h4.font-32em,
html.tablet h4.font-32em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-32em,
.admin .main-typography.mobile h4.font-32em,
html.mobile h4.font-32em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-33em,
.admin .main-typography.tablet h4.font-33em,
html.tablet h4.font-33em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-33em,
.admin .main-typography.mobile h4.font-33em,
html.mobile h4.font-33em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-34em,
.admin .main-typography.tablet h4.font-34em,
html.tablet h4.font-34em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-34em,
.admin .main-typography.mobile h4.font-34em,
html.mobile h4.font-34em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-35em,
.admin .main-typography.tablet h4.font-35em,
html.tablet h4.font-35em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-35em,
.admin .main-typography.mobile h4.font-35em,
html.mobile h4.font-35em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-36em,
.admin .main-typography.tablet h4.font-36em,
html.tablet h4.font-36em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-36em,
.admin .main-typography.mobile h4.font-36em,
html.mobile h4.font-36em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-37em,
.admin .main-typography.tablet h4.font-37em,
html.tablet h4.font-37em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-37em,
.admin .main-typography.mobile h4.font-37em,
html.mobile h4.font-37em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-38em,
.admin .main-typography.tablet h4.font-38em,
html.tablet h4.font-38em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-38em,
.admin .main-typography.mobile h4.font-38em,
html.mobile h4.font-38em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-39em,
.admin .main-typography.tablet h4.font-39em,
html.tablet h4.font-39em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-39em,
.admin .main-typography.mobile h4.font-39em,
html.mobile h4.font-39em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-40em,
.admin .main-typography.tablet h4.font-40em,
html.tablet h4.font-40em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-40em,
.admin .main-typography.mobile h4.font-40em,
html.mobile h4.font-40em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-41em,
.admin .main-typography.tablet h4.font-41em,
html.tablet h4.font-41em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-41em,
.admin .main-typography.mobile h4.font-41em,
html.mobile h4.font-41em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-42em,
.admin .main-typography.tablet h4.font-42em,
html.tablet h4.font-42em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-42em,
.admin .main-typography.mobile h4.font-42em,
html.mobile h4.font-42em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-43em,
.admin .main-typography.tablet h4.font-43em,
html.tablet h4.font-43em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-43em,
.admin .main-typography.mobile h4.font-43em,
html.mobile h4.font-43em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-44em,
.admin .main-typography.tablet h4.font-44em,
html.tablet h4.font-44em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-44em,
.admin .main-typography.mobile h4.font-44em,
html.mobile h4.font-44em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-45em,
.admin .main-typography.tablet h4.font-45em,
html.tablet h4.font-45em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-45em,
.admin .main-typography.mobile h4.font-45em,
html.mobile h4.font-45em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-46em,
.admin .main-typography.tablet h4.font-46em,
html.tablet h4.font-46em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-46em,
.admin .main-typography.mobile h4.font-46em,
html.mobile h4.font-46em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-47em,
.admin .main-typography.tablet h4.font-47em,
html.tablet h4.font-47em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-47em,
.admin .main-typography.mobile h4.font-47em,
html.mobile h4.font-47em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-48em,
.admin .main-typography.tablet h4.font-48em,
html.tablet h4.font-48em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-48em,
.admin .main-typography.mobile h4.font-48em,
html.mobile h4.font-48em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-49em,
.admin .main-typography.tablet h4.font-49em,
html.tablet h4.font-49em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-49em,
.admin .main-typography.mobile h4.font-49em,
html.mobile h4.font-49em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h4.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h4.font-50em,
.admin .main-typography.tablet h4.font-50em,
html.tablet h4.font-50em {
    font-size: calc(var(--heading-ratio-tablet-pow2) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h4.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h4.font-50em,
.admin .main-typography.mobile h4.font-50em,
html.mobile h4.font-50em {
    font-size: calc(var(--heading-ratio-mobile-pow2) * 5)
}

.admin .main-typography h5.font-1em,
html h5.font-1em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.1)
}

.admin .main-typography h5.font-2em,
html h5.font-2em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.2)
}

.admin .main-typography h5.font-3em,
html h5.font-3em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.3)
}

.admin .main-typography h5.font-4em,
html h5.font-4em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.4)
}

.admin .main-typography h5.font-5em,
html h5.font-5em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.5)
}

.admin .main-typography h5.font-6em,
html h5.font-6em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.6)
}

.admin .main-typography h5.font-7em,
html h5.font-7em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.7)
}

.admin .main-typography h5.font-8em,
html h5.font-8em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.8)
}

.admin .main-typography h5.font-9em,
html h5.font-9em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 0.9)
}

.admin .main-typography h5.font-10em,
html h5.font-10em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1)
}

.admin .main-typography h5.font-11em,
html h5.font-11em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.1)
}

.admin .main-typography h5.font-12em,
html h5.font-12em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.2)
}

.admin .main-typography h5.font-13em,
html h5.font-13em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.3)
}

.admin .main-typography h5.font-14em,
html h5.font-14em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.4)
}

.admin .main-typography h5.font-15em,
html h5.font-15em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.5)
}

.admin .main-typography h5.font-16em,
html h5.font-16em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.6)
}

.admin .main-typography h5.font-17em,
html h5.font-17em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.7)
}

.admin .main-typography h5.font-18em,
html h5.font-18em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.8)
}

.admin .main-typography h5.font-19em,
html h5.font-19em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 1.9)
}

.admin .main-typography h5.font-20em,
html h5.font-20em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2)
}

.admin .main-typography h5.font-21em,
html h5.font-21em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.1)
}

.admin .main-typography h5.font-22em,
html h5.font-22em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.2)
}

.admin .main-typography h5.font-23em,
html h5.font-23em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.3)
}

.admin .main-typography h5.font-24em,
html h5.font-24em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.4)
}

.admin .main-typography h5.font-25em,
html h5.font-25em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.5)
}

.admin .main-typography h5.font-26em,
html h5.font-26em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.6)
}

.admin .main-typography h5.font-27em,
html h5.font-27em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.7)
}

.admin .main-typography h5.font-28em,
html h5.font-28em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.8)
}

.admin .main-typography h5.font-29em,
html h5.font-29em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 2.9)
}

.admin .main-typography h5.font-30em,
html h5.font-30em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3)
}

.admin .main-typography h5.font-31em,
html h5.font-31em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.1)
}

.admin .main-typography h5.font-32em,
html h5.font-32em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.2)
}

.admin .main-typography h5.font-33em,
html h5.font-33em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.3)
}

.admin .main-typography h5.font-34em,
html h5.font-34em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.4)
}

.admin .main-typography h5.font-35em,
html h5.font-35em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.5)
}

.admin .main-typography h5.font-36em,
html h5.font-36em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.6)
}

.admin .main-typography h5.font-37em,
html h5.font-37em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.7)
}

.admin .main-typography h5.font-38em,
html h5.font-38em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.8)
}

.admin .main-typography h5.font-39em,
html h5.font-39em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 3.9)
}

.admin .main-typography h5.font-40em,
html h5.font-40em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4)
}

.admin .main-typography h5.font-41em,
html h5.font-41em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.1)
}

.admin .main-typography h5.font-42em,
html h5.font-42em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.2)
}

.admin .main-typography h5.font-43em,
html h5.font-43em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.3)
}

.admin .main-typography h5.font-44em,
html h5.font-44em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.4)
}

.admin .main-typography h5.font-45em,
html h5.font-45em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.5)
}

.admin .main-typography h5.font-46em,
html h5.font-46em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.6)
}

.admin .main-typography h5.font-47em,
html h5.font-47em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.7)
}

.admin .main-typography h5.font-48em,
html h5.font-48em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.8)
}

.admin .main-typography h5.font-49em,
html h5.font-49em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 4.9)
}

.admin .main-typography h5.font-50em,
html h5.font-50em {
    font-size: calc(calc(var(--heading-ratio) * 1rem) * 5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-1em,
.admin .main-typography.tablet h5.font-1em,
html.tablet h5.font-1em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-1em,
.admin .main-typography.mobile h5.font-1em,
html.mobile h5.font-1em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-2em,
.admin .main-typography.tablet h5.font-2em,
html.tablet h5.font-2em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-2em,
.admin .main-typography.mobile h5.font-2em,
html.mobile h5.font-2em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-3em,
.admin .main-typography.tablet h5.font-3em,
html.tablet h5.font-3em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-3em,
.admin .main-typography.mobile h5.font-3em,
html.mobile h5.font-3em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-4em,
.admin .main-typography.tablet h5.font-4em,
html.tablet h5.font-4em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-4em,
.admin .main-typography.mobile h5.font-4em,
html.mobile h5.font-4em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-5em,
.admin .main-typography.tablet h5.font-5em,
html.tablet h5.font-5em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-5em,
.admin .main-typography.mobile h5.font-5em,
html.mobile h5.font-5em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-6em,
.admin .main-typography.tablet h5.font-6em,
html.tablet h5.font-6em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-6em,
.admin .main-typography.mobile h5.font-6em,
html.mobile h5.font-6em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-7em,
.admin .main-typography.tablet h5.font-7em,
html.tablet h5.font-7em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-7em,
.admin .main-typography.mobile h5.font-7em,
html.mobile h5.font-7em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-8em,
.admin .main-typography.tablet h5.font-8em,
html.tablet h5.font-8em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-8em,
.admin .main-typography.mobile h5.font-8em,
html.mobile h5.font-8em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-9em,
.admin .main-typography.tablet h5.font-9em,
html.tablet h5.font-9em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-9em,
.admin .main-typography.mobile h5.font-9em,
html.mobile h5.font-9em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-10em,
.admin .main-typography.tablet h5.font-10em,
html.tablet h5.font-10em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-10em,
.admin .main-typography.mobile h5.font-10em,
html.mobile h5.font-10em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-11em,
.admin .main-typography.tablet h5.font-11em,
html.tablet h5.font-11em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-11em,
.admin .main-typography.mobile h5.font-11em,
html.mobile h5.font-11em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-12em,
.admin .main-typography.tablet h5.font-12em,
html.tablet h5.font-12em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-12em,
.admin .main-typography.mobile h5.font-12em,
html.mobile h5.font-12em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-13em,
.admin .main-typography.tablet h5.font-13em,
html.tablet h5.font-13em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-13em,
.admin .main-typography.mobile h5.font-13em,
html.mobile h5.font-13em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-14em,
.admin .main-typography.tablet h5.font-14em,
html.tablet h5.font-14em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-14em,
.admin .main-typography.mobile h5.font-14em,
html.mobile h5.font-14em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-15em,
.admin .main-typography.tablet h5.font-15em,
html.tablet h5.font-15em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-15em,
.admin .main-typography.mobile h5.font-15em,
html.mobile h5.font-15em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-16em,
.admin .main-typography.tablet h5.font-16em,
html.tablet h5.font-16em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-16em,
.admin .main-typography.mobile h5.font-16em,
html.mobile h5.font-16em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-17em,
.admin .main-typography.tablet h5.font-17em,
html.tablet h5.font-17em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-17em,
.admin .main-typography.mobile h5.font-17em,
html.mobile h5.font-17em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-18em,
.admin .main-typography.tablet h5.font-18em,
html.tablet h5.font-18em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-18em,
.admin .main-typography.mobile h5.font-18em,
html.mobile h5.font-18em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-19em,
.admin .main-typography.tablet h5.font-19em,
html.tablet h5.font-19em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-19em,
.admin .main-typography.mobile h5.font-19em,
html.mobile h5.font-19em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-20em,
.admin .main-typography.tablet h5.font-20em,
html.tablet h5.font-20em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-20em,
.admin .main-typography.mobile h5.font-20em,
html.mobile h5.font-20em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-21em,
.admin .main-typography.tablet h5.font-21em,
html.tablet h5.font-21em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-21em,
.admin .main-typography.mobile h5.font-21em,
html.mobile h5.font-21em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-22em,
.admin .main-typography.tablet h5.font-22em,
html.tablet h5.font-22em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-22em,
.admin .main-typography.mobile h5.font-22em,
html.mobile h5.font-22em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-23em,
.admin .main-typography.tablet h5.font-23em,
html.tablet h5.font-23em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-23em,
.admin .main-typography.mobile h5.font-23em,
html.mobile h5.font-23em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-24em,
.admin .main-typography.tablet h5.font-24em,
html.tablet h5.font-24em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-24em,
.admin .main-typography.mobile h5.font-24em,
html.mobile h5.font-24em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-25em,
.admin .main-typography.tablet h5.font-25em,
html.tablet h5.font-25em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-25em,
.admin .main-typography.mobile h5.font-25em,
html.mobile h5.font-25em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-26em,
.admin .main-typography.tablet h5.font-26em,
html.tablet h5.font-26em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-26em,
.admin .main-typography.mobile h5.font-26em,
html.mobile h5.font-26em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-27em,
.admin .main-typography.tablet h5.font-27em,
html.tablet h5.font-27em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-27em,
.admin .main-typography.mobile h5.font-27em,
html.mobile h5.font-27em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-28em,
.admin .main-typography.tablet h5.font-28em,
html.tablet h5.font-28em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-28em,
.admin .main-typography.mobile h5.font-28em,
html.mobile h5.font-28em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-29em,
.admin .main-typography.tablet h5.font-29em,
html.tablet h5.font-29em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-29em,
.admin .main-typography.mobile h5.font-29em,
html.mobile h5.font-29em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-30em,
.admin .main-typography.tablet h5.font-30em,
html.tablet h5.font-30em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-30em,
.admin .main-typography.mobile h5.font-30em,
html.mobile h5.font-30em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-31em,
.admin .main-typography.tablet h5.font-31em,
html.tablet h5.font-31em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-31em,
.admin .main-typography.mobile h5.font-31em,
html.mobile h5.font-31em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-32em,
.admin .main-typography.tablet h5.font-32em,
html.tablet h5.font-32em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-32em,
.admin .main-typography.mobile h5.font-32em,
html.mobile h5.font-32em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-33em,
.admin .main-typography.tablet h5.font-33em,
html.tablet h5.font-33em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-33em,
.admin .main-typography.mobile h5.font-33em,
html.mobile h5.font-33em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-34em,
.admin .main-typography.tablet h5.font-34em,
html.tablet h5.font-34em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-34em,
.admin .main-typography.mobile h5.font-34em,
html.mobile h5.font-34em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-35em,
.admin .main-typography.tablet h5.font-35em,
html.tablet h5.font-35em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-35em,
.admin .main-typography.mobile h5.font-35em,
html.mobile h5.font-35em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-36em,
.admin .main-typography.tablet h5.font-36em,
html.tablet h5.font-36em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-36em,
.admin .main-typography.mobile h5.font-36em,
html.mobile h5.font-36em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-37em,
.admin .main-typography.tablet h5.font-37em,
html.tablet h5.font-37em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-37em,
.admin .main-typography.mobile h5.font-37em,
html.mobile h5.font-37em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-38em,
.admin .main-typography.tablet h5.font-38em,
html.tablet h5.font-38em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-38em,
.admin .main-typography.mobile h5.font-38em,
html.mobile h5.font-38em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-39em,
.admin .main-typography.tablet h5.font-39em,
html.tablet h5.font-39em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-39em,
.admin .main-typography.mobile h5.font-39em,
html.mobile h5.font-39em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-40em,
.admin .main-typography.tablet h5.font-40em,
html.tablet h5.font-40em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-40em,
.admin .main-typography.mobile h5.font-40em,
html.mobile h5.font-40em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-41em,
.admin .main-typography.tablet h5.font-41em,
html.tablet h5.font-41em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-41em,
.admin .main-typography.mobile h5.font-41em,
html.mobile h5.font-41em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-42em,
.admin .main-typography.tablet h5.font-42em,
html.tablet h5.font-42em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-42em,
.admin .main-typography.mobile h5.font-42em,
html.mobile h5.font-42em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-43em,
.admin .main-typography.tablet h5.font-43em,
html.tablet h5.font-43em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-43em,
.admin .main-typography.mobile h5.font-43em,
html.mobile h5.font-43em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-44em,
.admin .main-typography.tablet h5.font-44em,
html.tablet h5.font-44em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-44em,
.admin .main-typography.mobile h5.font-44em,
html.mobile h5.font-44em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-45em,
.admin .main-typography.tablet h5.font-45em,
html.tablet h5.font-45em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-45em,
.admin .main-typography.mobile h5.font-45em,
html.mobile h5.font-45em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-46em,
.admin .main-typography.tablet h5.font-46em,
html.tablet h5.font-46em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-46em,
.admin .main-typography.mobile h5.font-46em,
html.mobile h5.font-46em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-47em,
.admin .main-typography.tablet h5.font-47em,
html.tablet h5.font-47em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-47em,
.admin .main-typography.mobile h5.font-47em,
html.mobile h5.font-47em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-48em,
.admin .main-typography.tablet h5.font-48em,
html.tablet h5.font-48em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-48em,
.admin .main-typography.mobile h5.font-48em,
html.mobile h5.font-48em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-49em,
.admin .main-typography.tablet h5.font-49em,
html.tablet h5.font-49em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-49em,
.admin .main-typography.mobile h5.font-49em,
html.mobile h5.font-49em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h5.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h5.font-50em,
.admin .main-typography.tablet h5.font-50em,
html.tablet h5.font-50em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h5.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h5.font-50em,
.admin .main-typography.mobile h5.font-50em,
html.mobile h5.font-50em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 5)
}

.admin .main-typography h6.font-1em,
html h6.font-1em,
.admin .main-typography p.font-1em,
html p.font-1em {
    font-size: .1rem
}

.admin .main-typography h6.font-2em,
html h6.font-2em,
.admin .main-typography p.font-2em,
html p.font-2em {
    font-size: .2rem
}

.admin .main-typography h6.font-3em,
html h6.font-3em,
.admin .main-typography p.font-3em,
html p.font-3em {
    font-size: .3rem
}

.admin .main-typography h6.font-4em,
html h6.font-4em,
.admin .main-typography p.font-4em,
html p.font-4em {
    font-size: .4rem
}

.admin .main-typography h6.font-5em,
html h6.font-5em,
.admin .main-typography p.font-5em,
html p.font-5em {
    font-size: .5rem
}

.admin .main-typography h6.font-6em,
html h6.font-6em,
.admin .main-typography p.font-6em,
html p.font-6em {
    font-size: .6rem
}

.admin .main-typography h6.font-7em,
html h6.font-7em,
.admin .main-typography p.font-7em,
html p.font-7em {
    font-size: .7rem
}

.admin .main-typography h6.font-8em,
html h6.font-8em,
.admin .main-typography p.font-8em,
html p.font-8em {
    font-size: .8rem
}

.admin .main-typography h6.font-9em,
html h6.font-9em,
.admin .main-typography p.font-9em,
html p.font-9em {
    font-size: .9rem
}

.admin .main-typography h6.font-10em,
html h6.font-10em,
.admin .main-typography p.font-10em,
html p.font-10em {
    font-size: 1rem
}

.admin .main-typography h6.font-11em,
html h6.font-11em,
.admin .main-typography p.font-11em,
html p.font-11em {
    font-size: 1.1rem
}

.admin .main-typography h6.font-12em,
html h6.font-12em,
.admin .main-typography p.font-12em,
html p.font-12em {
    font-size: 1.2rem
}

.admin .main-typography h6.font-13em,
html h6.font-13em,
.admin .main-typography p.font-13em,
html p.font-13em {
    font-size: 1.3rem
}

.admin .main-typography h6.font-14em,
html h6.font-14em,
.admin .main-typography p.font-14em,
html p.font-14em {
    font-size: 1.4rem
}

.admin .main-typography h6.font-15em,
html h6.font-15em,
.admin .main-typography p.font-15em,
html p.font-15em {
    font-size: 1.5rem
}

.admin .main-typography h6.font-16em,
html h6.font-16em,
.admin .main-typography p.font-16em,
html p.font-16em {
    font-size: 1.6rem
}

.admin .main-typography h6.font-17em,
html h6.font-17em,
.admin .main-typography p.font-17em,
html p.font-17em {
    font-size: 1.7rem
}

.admin .main-typography h6.font-18em,
html h6.font-18em,
.admin .main-typography p.font-18em,
html p.font-18em {
    font-size: 1.8rem
}

.admin .main-typography h6.font-19em,
html h6.font-19em,
.admin .main-typography p.font-19em,
html p.font-19em {
    font-size: 1.9rem
}

.admin .main-typography h6.font-20em,
html h6.font-20em,
.admin .main-typography p.font-20em,
html p.font-20em {
    font-size: 2rem
}

.admin .main-typography h6.font-21em,
html h6.font-21em,
.admin .main-typography p.font-21em,
html p.font-21em {
    font-size: 2.1rem
}

.admin .main-typography h6.font-22em,
html h6.font-22em,
.admin .main-typography p.font-22em,
html p.font-22em {
    font-size: 2.2rem
}

.admin .main-typography h6.font-23em,
html h6.font-23em,
.admin .main-typography p.font-23em,
html p.font-23em {
    font-size: 2.3rem
}

.admin .main-typography h6.font-24em,
html h6.font-24em,
.admin .main-typography p.font-24em,
html p.font-24em {
    font-size: 2.4rem
}

.admin .main-typography h6.font-25em,
html h6.font-25em,
.admin .main-typography p.font-25em,
html p.font-25em {
    font-size: 2.5rem
}

.admin .main-typography h6.font-26em,
html h6.font-26em,
.admin .main-typography p.font-26em,
html p.font-26em {
    font-size: 2.6rem
}

.admin .main-typography h6.font-27em,
html h6.font-27em,
.admin .main-typography p.font-27em,
html p.font-27em {
    font-size: 2.7rem
}

.admin .main-typography h6.font-28em,
html h6.font-28em,
.admin .main-typography p.font-28em,
html p.font-28em {
    font-size: 2.8rem
}

.admin .main-typography h6.font-29em,
html h6.font-29em,
.admin .main-typography p.font-29em,
html p.font-29em {
    font-size: 2.9rem
}

.admin .main-typography h6.font-30em,
html h6.font-30em,
.admin .main-typography p.font-30em,
html p.font-30em {
    font-size: 3rem
}

.admin .main-typography h6.font-31em,
html h6.font-31em,
.admin .main-typography p.font-31em,
html p.font-31em {
    font-size: 3.1rem
}

.admin .main-typography h6.font-32em,
html h6.font-32em,
.admin .main-typography p.font-32em,
html p.font-32em {
    font-size: 3.2rem
}

.admin .main-typography h6.font-33em,
html h6.font-33em,
.admin .main-typography p.font-33em,
html p.font-33em {
    font-size: 3.3rem
}

.admin .main-typography h6.font-34em,
html h6.font-34em,
.admin .main-typography p.font-34em,
html p.font-34em {
    font-size: 3.4rem
}

.admin .main-typography h6.font-35em,
html h6.font-35em,
.admin .main-typography p.font-35em,
html p.font-35em {
    font-size: 3.5rem
}

.admin .main-typography h6.font-36em,
html h6.font-36em,
.admin .main-typography p.font-36em,
html p.font-36em {
    font-size: 3.6rem
}

.admin .main-typography h6.font-37em,
html h6.font-37em,
.admin .main-typography p.font-37em,
html p.font-37em {
    font-size: 3.7rem
}

.admin .main-typography h6.font-38em,
html h6.font-38em,
.admin .main-typography p.font-38em,
html p.font-38em {
    font-size: 3.8rem
}

.admin .main-typography h6.font-39em,
html h6.font-39em,
.admin .main-typography p.font-39em,
html p.font-39em {
    font-size: 3.9rem
}

.admin .main-typography h6.font-40em,
html h6.font-40em,
.admin .main-typography p.font-40em,
html p.font-40em {
    font-size: 4rem
}

.admin .main-typography h6.font-41em,
html h6.font-41em,
.admin .main-typography p.font-41em,
html p.font-41em {
    font-size: 4.1rem
}

.admin .main-typography h6.font-42em,
html h6.font-42em,
.admin .main-typography p.font-42em,
html p.font-42em {
    font-size: 4.2rem
}

.admin .main-typography h6.font-43em,
html h6.font-43em,
.admin .main-typography p.font-43em,
html p.font-43em {
    font-size: 4.3rem
}

.admin .main-typography h6.font-44em,
html h6.font-44em,
.admin .main-typography p.font-44em,
html p.font-44em {
    font-size: 4.4rem
}

.admin .main-typography h6.font-45em,
html h6.font-45em,
.admin .main-typography p.font-45em,
html p.font-45em {
    font-size: 4.5rem
}

.admin .main-typography h6.font-46em,
html h6.font-46em,
.admin .main-typography p.font-46em,
html p.font-46em {
    font-size: 4.6rem
}

.admin .main-typography h6.font-47em,
html h6.font-47em,
.admin .main-typography p.font-47em,
html p.font-47em {
    font-size: 4.7rem
}

.admin .main-typography h6.font-48em,
html h6.font-48em,
.admin .main-typography p.font-48em,
html p.font-48em {
    font-size: 4.8rem
}

.admin .main-typography h6.font-49em,
html h6.font-49em,
.admin .main-typography p.font-49em,
html p.font-49em {
    font-size: 4.9rem
}

.admin .main-typography h6.font-50em,
html h6.font-50em,
.admin .main-typography p.font-50em,
html p.font-50em {
    font-size: 5rem
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-1em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-1em,
.admin .main-typography.tablet h6.font-1em,
html.tablet h6.font-1em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-1em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-1em,
.admin .main-typography.mobile h6.font-1em,
html.mobile h6.font-1em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-2em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-2em,
.admin .main-typography.tablet h6.font-2em,
html.tablet h6.font-2em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-2em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-2em,
.admin .main-typography.mobile h6.font-2em,
html.mobile h6.font-2em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-3em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-3em,
.admin .main-typography.tablet h6.font-3em,
html.tablet h6.font-3em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-3em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-3em,
.admin .main-typography.mobile h6.font-3em,
html.mobile h6.font-3em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-4em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-4em,
.admin .main-typography.tablet h6.font-4em,
html.tablet h6.font-4em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-4em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-4em,
.admin .main-typography.mobile h6.font-4em,
html.mobile h6.font-4em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-5em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-5em,
.admin .main-typography.tablet h6.font-5em,
html.tablet h6.font-5em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-5em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-5em,
.admin .main-typography.mobile h6.font-5em,
html.mobile h6.font-5em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-6em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-6em,
.admin .main-typography.tablet h6.font-6em,
html.tablet h6.font-6em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-6em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-6em,
.admin .main-typography.mobile h6.font-6em,
html.mobile h6.font-6em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-7em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-7em,
.admin .main-typography.tablet h6.font-7em,
html.tablet h6.font-7em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-7em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-7em,
.admin .main-typography.mobile h6.font-7em,
html.mobile h6.font-7em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-8em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-8em,
.admin .main-typography.tablet h6.font-8em,
html.tablet h6.font-8em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-8em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-8em,
.admin .main-typography.mobile h6.font-8em,
html.mobile h6.font-8em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-9em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-9em,
.admin .main-typography.tablet h6.font-9em,
html.tablet h6.font-9em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 0.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-9em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-9em,
.admin .main-typography.mobile h6.font-9em,
html.mobile h6.font-9em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 0.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-10em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-10em,
.admin .main-typography.tablet h6.font-10em,
html.tablet h6.font-10em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-10em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-10em,
.admin .main-typography.mobile h6.font-10em,
html.mobile h6.font-10em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-11em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-11em,
.admin .main-typography.tablet h6.font-11em,
html.tablet h6.font-11em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-11em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-11em,
.admin .main-typography.mobile h6.font-11em,
html.mobile h6.font-11em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-12em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-12em,
.admin .main-typography.tablet h6.font-12em,
html.tablet h6.font-12em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-12em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-12em,
.admin .main-typography.mobile h6.font-12em,
html.mobile h6.font-12em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-13em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-13em,
.admin .main-typography.tablet h6.font-13em,
html.tablet h6.font-13em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-13em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-13em,
.admin .main-typography.mobile h6.font-13em,
html.mobile h6.font-13em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-14em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-14em,
.admin .main-typography.tablet h6.font-14em,
html.tablet h6.font-14em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-14em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-14em,
.admin .main-typography.mobile h6.font-14em,
html.mobile h6.font-14em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-15em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-15em,
.admin .main-typography.tablet h6.font-15em,
html.tablet h6.font-15em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-15em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-15em,
.admin .main-typography.mobile h6.font-15em,
html.mobile h6.font-15em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-16em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-16em,
.admin .main-typography.tablet h6.font-16em,
html.tablet h6.font-16em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-16em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-16em,
.admin .main-typography.mobile h6.font-16em,
html.mobile h6.font-16em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-17em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-17em,
.admin .main-typography.tablet h6.font-17em,
html.tablet h6.font-17em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-17em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-17em,
.admin .main-typography.mobile h6.font-17em,
html.mobile h6.font-17em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-18em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-18em,
.admin .main-typography.tablet h6.font-18em,
html.tablet h6.font-18em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-18em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-18em,
.admin .main-typography.mobile h6.font-18em,
html.mobile h6.font-18em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-19em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-19em,
.admin .main-typography.tablet h6.font-19em,
html.tablet h6.font-19em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 1.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-19em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-19em,
.admin .main-typography.mobile h6.font-19em,
html.mobile h6.font-19em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 1.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-20em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-20em,
.admin .main-typography.tablet h6.font-20em,
html.tablet h6.font-20em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-20em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-20em,
.admin .main-typography.mobile h6.font-20em,
html.mobile h6.font-20em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-21em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-21em,
.admin .main-typography.tablet h6.font-21em,
html.tablet h6.font-21em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-21em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-21em,
.admin .main-typography.mobile h6.font-21em,
html.mobile h6.font-21em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-22em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-22em,
.admin .main-typography.tablet h6.font-22em,
html.tablet h6.font-22em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-22em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-22em,
.admin .main-typography.mobile h6.font-22em,
html.mobile h6.font-22em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-23em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-23em,
.admin .main-typography.tablet h6.font-23em,
html.tablet h6.font-23em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-23em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-23em,
.admin .main-typography.mobile h6.font-23em,
html.mobile h6.font-23em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-24em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-24em,
.admin .main-typography.tablet h6.font-24em,
html.tablet h6.font-24em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-24em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-24em,
.admin .main-typography.mobile h6.font-24em,
html.mobile h6.font-24em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-25em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-25em,
.admin .main-typography.tablet h6.font-25em,
html.tablet h6.font-25em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-25em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-25em,
.admin .main-typography.mobile h6.font-25em,
html.mobile h6.font-25em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-26em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-26em,
.admin .main-typography.tablet h6.font-26em,
html.tablet h6.font-26em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-26em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-26em,
.admin .main-typography.mobile h6.font-26em,
html.mobile h6.font-26em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-27em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-27em,
.admin .main-typography.tablet h6.font-27em,
html.tablet h6.font-27em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-27em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-27em,
.admin .main-typography.mobile h6.font-27em,
html.mobile h6.font-27em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-28em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-28em,
.admin .main-typography.tablet h6.font-28em,
html.tablet h6.font-28em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-28em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-28em,
.admin .main-typography.mobile h6.font-28em,
html.mobile h6.font-28em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-29em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-29em,
.admin .main-typography.tablet h6.font-29em,
html.tablet h6.font-29em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 2.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-29em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-29em,
.admin .main-typography.mobile h6.font-29em,
html.mobile h6.font-29em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 2.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-30em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-30em,
.admin .main-typography.tablet h6.font-30em,
html.tablet h6.font-30em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-30em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-30em,
.admin .main-typography.mobile h6.font-30em,
html.mobile h6.font-30em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-31em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-31em,
.admin .main-typography.tablet h6.font-31em,
html.tablet h6.font-31em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-31em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-31em,
.admin .main-typography.mobile h6.font-31em,
html.mobile h6.font-31em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-32em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-32em,
.admin .main-typography.tablet h6.font-32em,
html.tablet h6.font-32em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-32em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-32em,
.admin .main-typography.mobile h6.font-32em,
html.mobile h6.font-32em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-33em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-33em,
.admin .main-typography.tablet h6.font-33em,
html.tablet h6.font-33em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-33em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-33em,
.admin .main-typography.mobile h6.font-33em,
html.mobile h6.font-33em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-34em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-34em,
.admin .main-typography.tablet h6.font-34em,
html.tablet h6.font-34em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-34em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-34em,
.admin .main-typography.mobile h6.font-34em,
html.mobile h6.font-34em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-35em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-35em,
.admin .main-typography.tablet h6.font-35em,
html.tablet h6.font-35em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-35em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-35em,
.admin .main-typography.mobile h6.font-35em,
html.mobile h6.font-35em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-36em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-36em,
.admin .main-typography.tablet h6.font-36em,
html.tablet h6.font-36em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-36em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-36em,
.admin .main-typography.mobile h6.font-36em,
html.mobile h6.font-36em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-37em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-37em,
.admin .main-typography.tablet h6.font-37em,
html.tablet h6.font-37em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-37em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-37em,
.admin .main-typography.mobile h6.font-37em,
html.mobile h6.font-37em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-38em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-38em,
.admin .main-typography.tablet h6.font-38em,
html.tablet h6.font-38em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-38em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-38em,
.admin .main-typography.mobile h6.font-38em,
html.mobile h6.font-38em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-39em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-39em,
.admin .main-typography.tablet h6.font-39em,
html.tablet h6.font-39em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 3.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-39em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-39em,
.admin .main-typography.mobile h6.font-39em,
html.mobile h6.font-39em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 3.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-40em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-40em,
.admin .main-typography.tablet h6.font-40em,
html.tablet h6.font-40em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-40em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-40em,
.admin .main-typography.mobile h6.font-40em,
html.mobile h6.font-40em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-41em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-41em,
.admin .main-typography.tablet h6.font-41em,
html.tablet h6.font-41em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.1)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-41em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-41em,
.admin .main-typography.mobile h6.font-41em,
html.mobile h6.font-41em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.1)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-42em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-42em,
.admin .main-typography.tablet h6.font-42em,
html.tablet h6.font-42em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-42em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-42em,
.admin .main-typography.mobile h6.font-42em,
html.mobile h6.font-42em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.2)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-43em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-43em,
.admin .main-typography.tablet h6.font-43em,
html.tablet h6.font-43em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-43em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-43em,
.admin .main-typography.mobile h6.font-43em,
html.mobile h6.font-43em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.3)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-44em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-44em,
.admin .main-typography.tablet h6.font-44em,
html.tablet h6.font-44em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-44em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-44em,
.admin .main-typography.mobile h6.font-44em,
html.mobile h6.font-44em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.4)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-45em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-45em,
.admin .main-typography.tablet h6.font-45em,
html.tablet h6.font-45em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-45em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-45em,
.admin .main-typography.mobile h6.font-45em,
html.mobile h6.font-45em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.5)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-46em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-46em,
.admin .main-typography.tablet h6.font-46em,
html.tablet h6.font-46em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.6)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-46em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-46em,
.admin .main-typography.mobile h6.font-46em,
html.mobile h6.font-46em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.6)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-47em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-47em,
.admin .main-typography.tablet h6.font-47em,
html.tablet h6.font-47em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.7)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-47em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-47em,
.admin .main-typography.mobile h6.font-47em,
html.mobile h6.font-47em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.7)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-48em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-48em,
.admin .main-typography.tablet h6.font-48em,
html.tablet h6.font-48em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.8)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-48em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-48em,
.admin .main-typography.mobile h6.font-48em,
html.mobile h6.font-48em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.8)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-49em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-49em,
.admin .main-typography.tablet h6.font-49em,
html.tablet h6.font-49em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 4.9)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-49em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-49em,
.admin .main-typography.mobile h6.font-49em,
html.mobile h6.font-49em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 4.9)
}

.admin .main-typography body.tablet:not(.route-dashboard) .body>.main-container h6.font-50em,
html body.tablet:not(.route-dashboard) .body>.main-container h6.font-50em,
.admin .main-typography.tablet h6.font-50em,
html.tablet h6.font-50em {
    font-size: calc(calc(var(--heading-ratio-tablet) * 1rem) * 5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container h6.font-50em,
html body.mobile:not(.route-dashboard) .body>.main-container h6.font-50em,
.admin .main-typography.mobile h6.font-50em,
html.mobile h6.font-50em {
    font-size: calc(calc(var(--heading-ratio-mobile) * 1rem) * 5)
}

.admin .main-typography .uploader,
html .uploader {
    position: relative;
    overflow: hidden;
    width: 100%
}

.admin .main-typography .file-uploader-container,
html .file-uploader-container {
    position: relative;
    width: 100%;
    height: 150px;
    background-color: var(--form-background-color);
    color: var(--form-color);
    border: dashed var(--form-border-color);
    border-width: var(--form-border-width);
    border-radius: var(--form-border-radius);
    overflow: hidden
}

.admin .main-typography .file-uploader-content,
html .file-uploader-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
    float: left
}

.admin .main-typography .file-uploader-content.file-uploader-process,
html .file-uploader-content.file-uploader-process {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.admin .main-typography .file-uploader,
html .file-uploader {
    text-align: center;
    display: block;
    padding: var(--form-padding)
}

.admin .main-typography .file-uploader-button,
html .file-uploader-button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    width: 999999999px;
    height: 100%;
    font-size: 30px;
    cursor: pointer
}

.admin .main-typography .file-uploader .upload-icon,
html .file-uploader .upload-icon {
    font-size: 70px;
    color: #e3e3e3;
    line-height: .7;
    margin-top: 39px;
    margin-bottom: 20px;
    display: inline-block
}

.admin .main-typography .file-uploader .upload-browse-text,
html .file-uploader .upload-browse-text {
    font-size: 12px
}

.admin .main-typography .progress,
html .progress {
    width: 70%;
    height: 6px;
    margin: 72px auto 0;
    background: var(--form-color);
    filter: brightness(140%);
    position: relative;
    border-radius: 3px
}

.admin .main-typography .progress .progress-bar-success,
html .progress .progress-bar-success {
    background-color: var(--form-color)
}

.admin .main-typography .progress .progress-bar,
html .progress .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    line-height: 20px;
    border-radius: 3px;
    background-color: var(--form-color)
}

.admin .main-typography .progress .progress-percent,
html .progress .progress-percent {
    position: absolute;
    top: -26px;
    font-size: 14px;
    width: 100%;
    text-align: center
}

.admin .main-typography .file-uploader-process-info,
html .file-uploader-process-info {
    font-size: 14px;
    text-align: center;
    margin-top: 20px
}

.admin .main-typography .file-uploader-big .file-uploaded-content,
html .file-uploader-big .file-uploaded-content {
    padding: 19px;
    font-size: var(--form-font-size)
}

.admin .main-typography .file-uploader-big .file-uploaded-content .file-uploader-preview,
html .file-uploader-big .file-uploaded-content .file-uploader-preview {
    margin-right: 20px;
    float: left
}

.admin .main-typography .file-uploader-big .file-uploaded-content .file-uploader-preview img,
html .file-uploader-big .file-uploaded-content .file-uploader-preview img {
    border: 1px solid var(--form-border-color)
}

.admin .main-typography .file-uploader-big .file-uploaded-content .file-uploader-details,
html .file-uploader-big .file-uploaded-content .file-uploader-details {
    float: left
}

.admin .main-typography .file-uploader-big .file-uploaded-content .file-uploader-details .file-uploader-info-size,
html .file-uploader-big .file-uploaded-content .file-uploader-details .file-uploader-info-size,
.admin .main-typography .file-uploader-big .file-uploaded-content .file-uploader-details .file-uploader-info-name,
html .file-uploader-big .file-uploaded-content .file-uploader-details .file-uploader-info-name {
    margin-bottom: 10px
}

.admin .main-typography .file-uploader-medium .progress-percent,
html .file-uploader-medium .progress-percent {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 17px
}

.admin .main-typography .file-uploader-medium .file-uploaded-content,
html .file-uploader-medium .file-uploaded-content {
    text-align: center
}

.admin .main-typography .file-uploader-medium .file-uploaded-content .file-uploader-change,
html .file-uploader-medium .file-uploaded-content .file-uploader-change {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    background-color: rgba(var(--form-color))
}

.admin .main-typography .file-uploader-medium .file-uploaded-content .file-uploader-change a,
html .file-uploader-medium .file-uploaded-content .file-uploader-change a {
    position: relative;
    top: 50%;
    margin-top: -14px
}

.admin .main-typography .file-uploader-medium .file-uploaded-content:hover .file-uploader-change,
html .file-uploader-medium .file-uploaded-content:hover .file-uploader-change {
    display: block
}

.admin .main-typography .file-uploader-medium .file-uploaded-content .file-uploader-preview,
html .file-uploader-medium .file-uploaded-content .file-uploader-preview {
    padding: 10px;
    height: 100%
}

.admin .main-typography .file-uploader-medium .file-uploaded-content .file-uploader-preview img,
html .file-uploader-medium .file-uploaded-content .file-uploader-preview img {
    object-fit: contain;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0
}

.admin .main-typography .file-uploader-error.occurred,
html .file-uploader-error.occurred {
    height: 40px;
    margin-bottom: 10px;
    opacity: 1
}

.admin .main-typography .file-uploader-error,
html .file-uploader-error {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    overflow: hidden;
    height: 0;
    font-size: 1rem;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 40px;
    background-color: var(--color-error);
    position: relative;
    border-radius: var(--form-border-radius)
}

.admin .main-typography .file-uploader-error .error-name,
html .file-uploader-error .error-name {
    color: var(--color-error);
    margin-right: 5px
}

.admin .main-typography .file-uploader-error .file-uploader-error-msg,
html .file-uploader-error .file-uploader-error-msg {
    color: #fff
}

.admin .main-typography .file-uploader-error .cls-btn,
html .file-uploader-error .cls-btn {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center
}

@media only screen and (max-width:810px) {
    .admin .main-typography html.admin .main-rows,
    html html.admin .main-rows {
        overflow: hidden
    }
    .admin .main-typography .layers-container .off-canvas,
    html .layers-container .off-canvas {
        min-width: 100vw !important
    }
    .admin .main-typography .layers-container .off-canvas:not(.open),
    html .layers-container .off-canvas:not(.open) {
        display: none
    }
    .admin .main-typography .module-container .module.ModuleGallery .gallery .gallery-item,
    html .module-container .module.ModuleGallery .gallery .gallery-item {
        flex-basis: 100% !important;
        -webkit-flex-basis: 100% !important
    }
    .admin .main-typography body .ModuleIcon .icon svg,
    html body .ModuleIcon .icon svg {
        width: 72%;
        padding: 0 1%
    }
    .admin .main-typography .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    html .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    .admin .main-typography .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    html .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first {
        padding-top: 0 !important
    }
    .admin .main-typography .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    html .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    .admin .main-typography .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    html .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last {
        padding-bottom: 0
    }
    .admin .main-typography .main-rows,
    html .main-rows,
    .admin .main-typography .layers-container,
    html .layers-container {
        -webkit-overflow-scrolling: touch
    }
    .admin .main-typography .main-rows .article-items .article2-item,
    html .main-rows .article-items .article2-item,
    .admin .main-typography .layers-container .article-items .article2-item,
    html .layers-container .article-items .article2-item {
        width: 100% !important
    }
    .admin .main-typography .main-rows .article-items .article-item,
    html .main-rows .article-items .article-item,
    .admin .main-typography .layers-container .article-items .article-item,
    html .layers-container .article-items .article-item {
        width: 100% !important;
        flex-basis: 100% !important
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column:first-child .column-container .module-container.first,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column:first-child .column-container .module-container.first,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column:first-child .column-container .module-container.first,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column:first-child .column-container .module-container.first,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:first-child .column-container .module-container.first,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:first-child .column-container .module-container.first,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:first-child .column-container .module-container.first,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:first-child .column-container .module-container.first {
        padding-top: 0 !important
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column:last-child .column-container .module-container.last,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column:last-child .column-container .module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column:last-child .column-container .module-container.last,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column:last-child .column-container .module-container.last,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:last-child .column-container .module-container.last,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:last-child .column-container .module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:last-child .column-container .module-container.last,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:last-child .column-container .module-container.last {
        padding-bottom: 0
    }
    .admin .main-typography .main-rows .uc-row .row-container .column .column-container .module-container,
    html .main-rows .uc-row .row-container .column .column-container .module-container,
    .admin .main-typography .layers-container .uc-row .row-container .column .column-container .module-container,
    html .layers-container .uc-row .row-container .column .column-container .module-container {
        margin-bottom: 0 !important
    }
    .admin .main-typography .main-rows .uc-row .row-container .column .column-container .module-container.ModuleImage,
    html .main-rows .uc-row .row-container .column .column-container .module-container.ModuleImage,
    .admin .main-typography .layers-container .uc-row .row-container .column .column-container .module-container.ModuleImage,
    html .layers-container .uc-row .row-container .column .column-container .module-container.ModuleImage,
    .admin .main-typography .main-rows .uc-row .row-container .column .column-container .module-container.ModuleGallery,
    html .main-rows .uc-row .row-container .column .column-container .module-container.ModuleGallery,
    .admin .main-typography .layers-container .uc-row .row-container .column .column-container .module-container.ModuleGallery,
    html .layers-container .uc-row .row-container .column .column-container .module-container.ModuleGallery,
    .admin .main-typography .main-rows .uc-row .row-container .column .column-container .module-container.ModuleVideo,
    html .main-rows .uc-row .row-container .column .column-container .module-container.ModuleVideo,
    .admin .main-typography .layers-container .uc-row .row-container .column .column-container .module-container.ModuleVideo,
    html .layers-container .uc-row .row-container .column .column-container .module-container.ModuleVideo,
    .admin .main-typography .main-rows .uc-row .row-container .column .column-container .module-container.ModuleMap,
    html .main-rows .uc-row .row-container .column .column-container .module-container.ModuleMap,
    .admin .main-typography .layers-container .uc-row .row-container .column .column-container .module-container.ModuleMap,
    html .layers-container .uc-row .row-container .column .column-container .module-container.ModuleMap {
        padding-top: 0 !important
    }
}

.admin .main-typography body.mobile .ModuleIcon .icon svg,
html body.mobile .ModuleIcon .icon svg,
.admin .main-typography body.tablet .ModuleIcon .icon svg,
html body.tablet .ModuleIcon .icon svg {
    width: 72%;
    padding: 0 1%
}

.admin .main-typography body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.mobile .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.tablet .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.mobile .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.tablet .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first {
    padding-top: 0 !important
}

.admin .main-typography body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.mobile .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.tablet .footer-rows>.uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.mobile .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.tablet .header-rows .header-row-wrapper>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.mobile .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.tablet .footer-rows>.uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last {
    padding-bottom: 0
}

.admin .main-typography body.mobile .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.mobile .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.tablet .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.mobile .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
html body.tablet .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.mobile .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.tablet .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.mobile .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.mobile .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
.admin .main-typography body.tablet .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first,
html body.tablet .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child .column-container .module-container.first {
    padding-top: 0 !important
}

.admin .main-typography body.mobile .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.mobile .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.tablet .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.mobile .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
html body.tablet .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.mobile .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.tablet .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.mobile .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.mobile .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
.admin .main-typography body.tablet .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last,
html body.tablet .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child .column-container .module-container.last {
    padding-bottom: 0
}

.admin .main-typography body.mobile .main-rows .uc-row .row-container .column .column-container .module-container,
html body.mobile .main-rows .uc-row .row-container .column .column-container .module-container,
.admin .main-typography body.tablet .main-rows .uc-row .row-container .column .column-container .module-container,
html body.tablet .main-rows .uc-row .row-container .column .column-container .module-container,
.admin .main-typography body.mobile .layers-container .uc-row .row-container .column .column-container .module-container,
html body.mobile .layers-container .uc-row .row-container .column .column-container .module-container,
.admin .main-typography body.tablet .layers-container .uc-row .row-container .column .column-container .module-container,
html body.tablet .layers-container .uc-row .row-container .column .column-container .module-container {
    margin-bottom: 0 !important
}

.admin .main-typography .uc-pagination,
html .uc-pagination {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    text-align: center
}

.admin .main-typography .uc-pagination .pagination-list,
html .uc-pagination .pagination-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.admin .main-typography .uc-pagination .pagination-list .pagination-item,
html .uc-pagination .pagination-list .pagination-item {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding: 0 5px;
    margin: 0 5px;
    background: #e1e5f0;
    color: #576180;
    border-radius: 50%;
    font-size: 13px;
    float: left;
    cursor: pointer
}

.admin .main-typography .uc-pagination .pagination-list .pagination-item.active,
html .uc-pagination .pagination-list .pagination-item.active {
    background: #abb4cc
}

.admin .main-typography .uc-pagination .pagination-list .pagination-item.inactive,
html .uc-pagination .pagination-list .pagination-item.inactive {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.admin .main-typography .uc-pagination .pagination-list .pagination-item.arrow-page,
html .uc-pagination .pagination-list .pagination-item.arrow-page {
    font-weight: 700;
    font-size: 24px
}

.admin .main-typography,
html {
    font-size: var(--base-font-size)
}

.admin .main-typography .btn,
html .btn {
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    font-family: var(--button-font-family);
    color: var(--button-color);
    background: var(--button-background-color);
    border: var(--button-border-style) var(--button-border-color);
    border-width: var(--button-border-width);
    border-radius: var(--button-border-radius);
    min-width: var(--button-min-width);
    height: var(--button-height);
    padding: var(--button-padding);
    letter-spacing: var(--button-letter-spacing)
}

.admin .main-typography .btn:hover,
html .btn:hover {
    background: var(--button-background-color-hover);
    border-color: var(--button-border-color-hover);
    color: var(--button-color-hover)
}

.admin .main-typography .btn.disabled,
html .btn.disabled,
.admin .main-typography .btn:disabled,
html .btn:disabled {
    background: var(--button-background-color-disabled);
    color: var(--secondary-color)
}

.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5),
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5),
.admin .main-typography .btn[class*=buttons],
html .btn[class*=buttons] {
    min-width: var(--button-min-width);
    height: var(--button-height);
    font-size: var(--button-font-size);
    font-family: var(--button-font-family);
    padding: var(--button-padding);
    letter-spacing: var(--button-letter-spacing);
    text-indent: var(--button-letter-spacing);
    text-align: center;
    color: var(--button-color);
    font-weight: var(--button-font-weight);
    background: var(--button-background-color);
    border: var(--button-border-style) var(--button-border-color);
    border-width: var(--button-border-width);
    border-radius: var(--button-border-radius);
    transition: background 300ms ease-out;
    position: relative
}

.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):hover,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):hover,
.admin .main-typography .btn[class*=buttons]:hover,
html .btn[class*=buttons]:hover {
    color: var(--button-color);
    background: var(--button-background-color);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    transition: opacity 300ms ease-out
}

.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5) span,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5) span,
.admin .main-typography .btn[class*=buttons] span,
html .btn[class*=buttons] span {
    position: relative;
    z-index: 2
}

.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5).disabled,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5).disabled,
.admin .main-typography .btn[class*=buttons].disabled,
html .btn[class*=buttons].disabled,
.admin .main-typography .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):disabled,
html .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):disabled,
.admin .main-typography .btn[class*=buttons]:disabled,
html .btn[class*=buttons]:disabled {
    background: var(--button-background-color) !important;
    color: var(--button-color) !important
}

.admin .main-typography .dragging .module .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):hover,
html .dragging .module .btn[class*=" btn"]:not([class*=" btn-"]):not(.btn2):not(.btn3):not(.btn4):not(.btn5):hover,
.admin .main-typography .btn[class*=buttons]:hover,
html .btn[class*=buttons]:hover {
    background: var(--button-background-color);
    border-color: var(--button-border-color);
    color: var(--button-color)
}

.admin .main-typography .checkbox-group,
html .checkbox-group {
    margin-bottom: var(--form-margin-bottom) - var(--checkbox-margin-bottom)
}

.admin .main-typography label.checkbox,
html label.checkbox {
    margin-bottom: var(--checkbox-margin-bottom)
}

.admin .main-typography label.checkbox input+span,
html label.checkbox input+span {
    color: var(--label-color);
    font-size: var(--label-font-size);
    line-height: var(--checkbox-size);
    padding-left: calc(var(--checkbox-size) + 10px)
}

.admin .main-typography label.checkbox input[type=checkbox]+span:after,
html label.checkbox input[type=checkbox]+span:after {
    fill: var(--checkbox-color);
    line-height: var(--checkbox-size);
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border-color: var(--form-border-color);
    border-radius: var(--form-border-radius);
    background: var(--form-background-color);
    color: transparent
}

.admin .main-typography label.checkbox input[type=checkbox]+span:hover:after,
html label.checkbox input[type=checkbox]+span:hover:after {
    fill: var(--form-color);
    filter: brightness(1.4);
    background: var(--form-background-color);
    border-color: var(--form-border-color);
    color: transparent
}

.admin .main-typography label.checkbox input[type=checkbox]:checked+span:after,
html label.checkbox input[type=checkbox]:checked+span:after {
    fill: var(--form-color);
    background: var(--form-background-color);
    border-color: var(--form-border-color);
    color: transparent
}

.admin .main-typography label.checkbox input[type=checkbox].error+span:after,
html label.checkbox input[type=checkbox].error+span:after {
    border-color: var(--color-error);
    border-width: var(--form-border-width);
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography label.checkbox input[type=radio]+span:after,
html label.checkbox input[type=radio]+span:after {
    width: var(--radio-size);
    height: var(--radio-size);
    border: solid var(--form-border-color);
    background: var(--form-background-color)
}

.admin .main-typography label.checkbox input[type=radio]+span:before,
html label.checkbox input[type=radio]+span:before {
    left: calc(var(--radio-size)/4.5);
    top: calc(var(--radio-size)/4.5);
    width: calc(var(--radio-size) - 2 * (var(--radio-size)/4.5));
    height: calc(var(--radio-size) - 2 * (var(--radio-size)/4.5));
    background-color: var(--radio-color)
}

.admin .main-typography label.checkbox input[type=radio]+span:hover:after,
html label.checkbox input[type=radio]+span:hover:after {
    border-color: var(--form-border-color);
    background: var(--form-background-color)
}

.admin .main-typography label.checkbox input[type=radio]+span:hover:before,
html label.checkbox input[type=radio]+span:hover:before {
    background-color: var(--radio-color);
    filter: brightness(1.4)
}

.admin .main-typography label.checkbox input[type=radio]:checked+span:after,
html label.checkbox input[type=radio]:checked+span:after {
    border-color: var(--form-border-color);
    background: var(--form-background-color)
}

.admin .main-typography label.checkbox input[type=radio]:checked+span:before,
html label.checkbox input[type=radio]:checked+span:before {
    background-color: var(--form-color)
}

.admin .main-typography label.checkbox input[type=radio].error+span:after,
html label.checkbox input[type=radio].error+span:after {
    border: solid var(--color-error);
    border-width: var(--form-border-width);
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography label.checkbox.label-required:after,
html label.checkbox.label-required:after {
    color: var(--asterisk-color)
}

.admin .main-typography .form-three-one,
html .form-three-one {
    height: var(--form-height);
    width: var(--form-width);
    background: var(--form-background-color);
    border: solid var(--form-border-color);
    border-width: var(--form-border-width);
    border-radius: var(--form-border-radius)
}

.admin .main-typography .form-three-one>input,
html .form-three-one>input {
    height: var(--form-height)
}

.admin .main-typography .form-three-one.error,
html .form-three-one.error {
    border: solid var(--color-error) !important;
    border-width: var(--form-border-width) !important;
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography .form-three-one input,
html .form-three-one input {
    color: var(--form-color);
    background: 0 0;
    font-size: var(--form-font-size)
}

.admin .main-typography .form-three-one input:first-child,
html .form-three-one input:first-child {
    padding: var(--form-padding)
}

.admin .main-typography .form-three-one input:last-child,
html .form-three-one input:last-child {
    padding: var(--form-padding)
}

.admin .main-typography .form-three-one input::placeholder,
html .form-three-one input::placeholder {
    color: var(--form-color);
    filter: brightness(1.4)
}

.admin .main-typography .form-three-one input:-ms-input-placeholder,
html .form-three-one input:-ms-input-placeholder {
    color: var(--form-color)
}

.admin .main-typography .checkbox-group.error label.checkbox input[type=checkbox]+span:after,
html .checkbox-group.error label.checkbox input[type=checkbox]+span:after {
    border: solid var(--color-error);
    border-width: var(--form-border-width);
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography .checkbox-group.error label.checkbox input[type=radio]+span:after,
html .checkbox-group.error label.checkbox input[type=radio]+span:after {
    border: solid var(--color-error);
    border-width: var(--form-border-width);
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography .ModulePromoCode .horizontal .form-fields .form-element,
html .ModulePromoCode .horizontal .form-fields .form-element,
.admin .main-typography .ModuleSubscription .horizontal .form-fields .form-element,
html .ModuleSubscription .horizontal .form-fields .form-element,
.admin .main-typography .ModulePromoCode .horizontal .forms .form-element,
html .ModulePromoCode .horizontal .forms .form-element,
.admin .main-typography .ModuleSubscription .horizontal .forms .form-element,
html .ModuleSubscription .horizontal .forms .form-element {
    margin-right: var(--form-margin-bottom);
    margin-bottom: auto
}

.admin .main-typography .ModulePromoCode .horizontal .form-submit,
html .ModulePromoCode .horizontal .form-submit,
.admin .main-typography .ModuleSubscription .horizontal .form-submit,
html .ModuleSubscription .horizontal .form-submit {
    text-align: center;
    align-items: var(--form-button-vertical-alignment)
}

.admin .main-typography .uikit-preview-content-container .uikit-forms-preview .form-group,
html .uikit-preview-content-container .uikit-forms-preview .form-group {
    font-family: var(--form-font-family)
}

.admin .main-typography .form-group .form-element,
html .form-group .form-element {
    margin-bottom: var(--form-margin-bottom)
}

.admin .main-typography .form-group .form-element>label,
html .form-group .form-element>label {
    font-size: var(--label-font-size);
    color: var(--label-color);
    padding-bottom: var(--label-margin-bottom)
}

.admin .main-typography .form-group .form-element>label .asterisk,
html .form-group .form-element>label .asterisk {
    color: var(--asterisk-color)
}

.admin .main-typography .form-group .form-element .public-file-upload-attach,
html .form-group .form-element .public-file-upload-attach {
    color: var(--label-color)
}

.admin .main-typography .form-group .form-element .public-file-upload-attach svg,
html .form-group .form-element .public-file-upload-attach svg {
    fill: var(--label-color);
    margin-top: 5px
}

.admin .main-typography .form-group .form-element .public-file-upload-attach.error,
html .form-group .form-element .public-file-upload-attach.error {
    color: var(--color-error)
}

.admin .main-typography .form-group .form-element .public-file-upload-attach.error *,
html .form-group .form-element .public-file-upload-attach.error * {
    color: var(--color-error)
}

.admin .main-typography .form-group .form-element .public-file-uploader-process .progress-percent,
html .form-group .form-element .public-file-uploader-process .progress-percent {
    color: var(--label-color)
}

.admin .main-typography .form-group .form-element .selected-file .uci-attachment,
html .form-group .form-element .selected-file .uci-attachment {
    color: var(--label-color)
}

.admin .main-typography .form-group .form-element .selected-file .uci-attachment svg,
html .form-group .form-element .selected-file .uci-attachment svg {
    fill: var(--label-color)
}

.admin .main-typography .form-group .form-element .selected-file input[readonly],
html .form-group .form-element .selected-file input[readonly] {
    color: var(--label-color)
}

.admin .main-typography .form-group .form-element .selected-file input[readonly].attached-file,
html .form-group .form-element .selected-file input[readonly].attached-file {
    border: unset !important;
    box-shadow: unset
}

.admin .main-typography .form-group .form-element .selected-file .uci-close-small svg,
html .form-group .form-element .selected-file .uci-close-small svg {
    fill: var(--label-color)
}

.admin .main-typography .form-inline-group .form-element>label,
html .form-inline-group .form-element>label {
    padding-bottom: var(--form-margin-bottom);
    font-size: var(--label-font-size);
    color: var(--label-color)
}

.admin .main-typography .form-inline-group .form-element>label .asterisk,
html .form-inline-group .form-element>label .asterisk {
    color: var(--asterisk-color)
}

.admin .main-typography .form-inline-group .form-element>.form-control,
html .form-inline-group .form-element>.form-control {
    padding-bottom: var(--form-margin-bottom)
}

.admin .main-typography .ModuleForm .form-element,
html .ModuleForm .form-element,
.admin .main-typography .ModulePromoCode .form-element,
html .ModulePromoCode .form-element,
.admin .main-typography .ModuleSubscription .form-element,
html .ModuleSubscription .form-element,
.admin .main-typography .uikit-forms-preview .form-element,
html .uikit-forms-preview .form-element,
.admin .main-typography .module-form-type .form-element,
html .module-form-type .form-element {
    text-align: var(--form-label-placeholder-alignment)
}

.admin .main-typography .ModuleForm .form-element .form-control input,
html .ModuleForm .form-element .form-control input,
.admin .main-typography .ModulePromoCode .form-element .form-control input,
html .ModulePromoCode .form-element .form-control input,
.admin .main-typography .ModuleSubscription .form-element .form-control input,
html .ModuleSubscription .form-element .form-control input,
.admin .main-typography .uikit-forms-preview .form-element .form-control input,
html .uikit-forms-preview .form-element .form-control input,
.admin .main-typography .module-form-type .form-element .form-control input,
html .module-form-type .form-element .form-control input,
.admin .main-typography .ModuleForm .form-element .form-control textarea,
html .ModuleForm .form-element .form-control textarea,
.admin .main-typography .ModulePromoCode .form-element .form-control textarea,
html .ModulePromoCode .form-element .form-control textarea,
.admin .main-typography .ModuleSubscription .form-element .form-control textarea,
html .ModuleSubscription .form-element .form-control textarea,
.admin .main-typography .uikit-forms-preview .form-element .form-control textarea,
html .uikit-forms-preview .form-element .form-control textarea,
.admin .main-typography .module-form-type .form-element .form-control textarea,
html .module-form-type .form-element .form-control textarea {
    text-align: var(--form-label-placeholder-alignment)
}

.admin .main-typography .ModuleForm .form-element .form-control .checkbox-group .checkbox,
html .ModuleForm .form-element .form-control .checkbox-group .checkbox,
.admin .main-typography .ModulePromoCode .form-element .form-control .checkbox-group .checkbox,
html .ModulePromoCode .form-element .form-control .checkbox-group .checkbox,
.admin .main-typography .ModuleSubscription .form-element .form-control .checkbox-group .checkbox,
html .ModuleSubscription .form-element .form-control .checkbox-group .checkbox,
.admin .main-typography .uikit-forms-preview .form-element .form-control .checkbox-group .checkbox,
html .uikit-forms-preview .form-element .form-control .checkbox-group .checkbox,
.admin .main-typography .module-form-type .form-element .form-control .checkbox-group .checkbox,
html .module-form-type .form-element .form-control .checkbox-group .checkbox {
    width: auto;
    margin-right: 10px
}

.admin .main-typography .ModuleForm .form-submit,
html .ModuleForm .form-submit,
.admin .main-typography .ModulePromoCode .form-submit,
html .ModulePromoCode .form-submit,
.admin .main-typography .ModuleSubscription .form-submit,
html .ModuleSubscription .form-submit,
.admin .main-typography .uikit-forms-preview .form-submit,
html .uikit-forms-preview .form-submit,
.admin .main-typography .module-form-type .form-submit,
html .module-form-type .form-submit {
    text-align: var(--form-button-alignment)
}

.admin .main-typography .thank-you-message-container,
html .thank-you-message-container,
.admin .main-typography .error-message-container,
html .error-message-container {
    background-color: var(--secondary-color)
}

.admin .main-typography .thank-you-message-container .thank-you-message,
html .thank-you-message-container .thank-you-message,
.admin .main-typography .error-message-container .thank-you-message,
html .error-message-container .thank-you-message,
.admin .main-typography .thank-you-message-container .error-message,
html .thank-you-message-container .error-message,
.admin .main-typography .error-message-container .error-message,
html .error-message-container .error-message {
    color: var(--thank-you-text-color)
}

.admin .main-typography .variants-container .variant-selectors .item-count-container .plus-minus input,
html .variants-container .variant-selectors .item-count-container .plus-minus input {
    border-color: var(--form-border-color);
    color: var(--form-color)
}

.admin .main-typography .variants-container .variant-selectors .item-count-container .plus-minus .count-controller,
html .variants-container .variant-selectors .item-count-container .plus-minus .count-controller {
    border: 1px solid var(--form-border-color);
    background: var(--form-background-color)
}

.admin .main-typography .variants-container .variant-selectors .item-count-container .plus-minus .count-controller div,
html .variants-container .variant-selectors .item-count-container .plus-minus .count-controller div {
    color: var(--form-color)
}

.admin .main-typography .variants-container .option-name,
html .variants-container .option-name {
    color: var(--label-color)
}

.admin .main-typography .variants-container .option-name .asterisk,
html .variants-container .option-name .asterisk {
    color: var(--asterisk-color)
}

.admin .main-typography .variants-container .uc-dropdown .option-dropdown,
html .variants-container .uc-dropdown .option-dropdown {
    border: 1px solid var(--form-border-color)
}

.admin .main-typography .variants-container .uc-dropdown .option-dropdown:after,
html .variants-container .uc-dropdown .option-dropdown:after {
    color: var(--form-color)
}

.admin .main-typography .variants-container .uc-dropdown .option-dropdown:before,
html .variants-container .uc-dropdown .option-dropdown:before {
    background: var(--form-border-color)
}

.admin .main-typography .variants-container .uc-dropdown .option-dropdown select,
html .variants-container .uc-dropdown .option-dropdown select {
    color: var(--form-color);
    border-color: var(--form-border-color)
}

.admin .main-typography body,
html body {
    font-family: var(--font-family)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h1],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h1] {
    font-size: var(--heading-ratio-mobile-pow5)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h2],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h2] {
    font-size: var(--heading-ratio-mobile-pow4)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h3],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h3] {
    font-size: var(--heading-ratio-mobile-pow3)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h4],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h4] {
    font-size: var(--heading-ratio-mobile-pow2)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h5],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=h5] {
    font-size: calc(var(--heading-ratio-mobile) * 1rem)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=p-small],
html body.mobile:not(.route-dashboard) .body>.main-container [data-font-size=p-small] {
    font-size: var(--p-font-size)/var(--heading-ratio-tablet)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .uc-dropdown select,
html body.mobile:not(.route-dashboard) .body>.main-container .uc-dropdown select {
    height: calc(var(--form-height) * 70/10);
    max-height: 40px
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .on-input-icon-left i,
html body.mobile:not(.route-dashboard) .body>.main-container .on-input-icon-left i {
    line-height: calc(var(--form-height) * 70/10)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .checkbox-group .checkbox,
html body.mobile:not(.route-dashboard) .body>.main-container .checkbox-group .checkbox {
    width: 100% !important
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container input,
html body.mobile:not(.route-dashboard) .body>.main-container input {
    min-height: 40px;
    height: calc(var(--form-height) * 70/100)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container textarea,
html body.mobile:not(.route-dashboard) .body>.main-container textarea {
    min-height: 100px;
    height: calc(var(--textarea-height) * 70/100)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .on-input-icon-left i,
html body.mobile:not(.route-dashboard) .body>.main-container .on-input-icon-left i {
    line-height: calc(var(--form-height) * 70/100)
}

.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .main-rows>.ember-view:not(.last) .uc-row,
html body.mobile:not(.route-dashboard) .body>.main-container .main-rows>.ember-view:not(.last) .uc-row,
.admin .main-typography body.mobile:not(.route-dashboard) .body>.main-container .layers-container>.ember-view:not(.last) .uc-row,
html body.mobile:not(.route-dashboard) .body>.main-container .layers-container>.ember-view:not(.last) .uc-row {
    margin-bottom: var(--mobile-row-distance)
}

.admin .main-typography .uikit-layout-preview .column,
html .uikit-layout-preview .column {
    padding-right: var(--half-gutter-width);
    padding-left: var(--half-gutter-width)
}

.admin .main-typography .container .column .column-container div.module-container,
html .container .column .column-container div.module-container {
    padding-right: var(--half-gutter-width);
    padding-left: var(--half-gutter-width)
}

.admin .main-typography .column-container .module-container:not(.last):not(.edit),
html .column-container .module-container:not(.last):not(.edit) {
    padding-bottom: var(--module-gutter-vertical)
}

.admin .main-typography .uc-row:not(.last),
html .uc-row:not(.last) {
    margin-bottom: var(--gutter-vertical)
}

.admin .main-typography.mobile:not(.route-dashboard) .uc-row:not(.last),
html.mobile:not(.route-dashboard) .uc-row:not(.last),
.admin .main-typography body.mobile:not(.route-dashboard) .uc-row:not(.last),
html body.mobile:not(.route-dashboard) .uc-row:not(.last) {
    margin-bottom: var(--mobile-row-distance)
}

.admin .main-typography.mobile:not(.route-dashboard) .column-container .module-container:not(.last):not(.edit),
html.mobile:not(.route-dashboard) .column-container .module-container:not(.last):not(.edit),
.admin .main-typography body.mobile:not(.route-dashboard) .column-container .module-container:not(.last):not(.edit),
html body.mobile:not(.route-dashboard) .column-container .module-container:not(.last):not(.edit) {
    padding-bottom: var(--mobile-element-distance)
}

.admin .main-typography .uikit-layout-preview .row,
html .uikit-layout-preview .row {
    margin-bottom: var(--gutter-vertical)
}

@media only screen and (min-width:1230px) {
    .admin .main-typography .main-body:not(.mobile):not(.tablet) .container,
    html .main-body:not(.mobile):not(.tablet) .container {
        width: 1200px
    }
    .admin .main-typography .uikit-preview-content.container,
    html .uikit-preview-content.container {
        width: 1200px
    }
}

@media only screen and (min-width:1700px) {
    .admin .main-typography .main-body:not(.mobile):not(.tablet) .container,
    html .main-body:not(.mobile):not(.tablet) .container {
        width: calc(var(--max-grid-ratio) * 1200px)
    }
    .admin .main-typography .uikit-preview-content.container,
    html .uikit-preview-content.container {
        width: calc(var(--max-grid-ratio) * 1200px)
    }
}

.admin .main-typography input,
html input,
.admin .main-typography textarea,
html textarea {
    font-size: var(--form-font-size);
    color: var(--form-color);
    border: var(--form-border-style) var(--form-border-color);
    border-width: var(--form-border-width);
    border-radius: var(--form-border-radius);
    background: var(--form-background-color);
    width: var(--form-width);
    height: var(--form-height);
    padding: var(--form-padding)
}

.admin .main-typography input:focus,
html input:focus,
.admin .main-typography textarea:focus,
html textarea:focus,
.admin .main-typography input:active,
html input:active,
.admin .main-typography textarea:active,
html textarea:active {
    border-color: var(--form-border-color);
    box-shadow: var(--form-shadow-focus)
}

.admin .main-typography input.error,
html input.error,
.admin .main-typography textarea.error,
html textarea.error {
    border: solid var(--color-error) !important;
    border-width: var(--form-border-width) !important;
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography html:not(.admin) .uc-dropdown input,
html html:not(.admin) .uc-dropdown input,
.admin .main-typography html:not(.admin) .uc-dropdown textarea,
html html:not(.admin) .uc-dropdown textarea {
    font-family: var(--form-font-family)
}

.admin .main-typography html:not(.admin) label.checkbox input[type=checkbox]:checked+span:after,
html html:not(.admin) label.checkbox input[type=checkbox]:checked+span:after {
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/svg/uci-checkmark.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/svg/uci-checkmark.svg)
}

.admin .main-typography .on-input-icon-left i,
html .on-input-icon-left i,
.admin .main-typography .on-input-icon-left svg,
html .on-input-icon-left svg {
    line-height: var(--form-height);
    color: var(--form-color);
    fill: var(--form-color)
}

.admin .main-typography textarea,
html textarea {
    min-height: var(--textarea-height)
}

.admin .main-typography ::placeholder,
html ::placeholder {
    color: var(--form-color)
}

.admin .main-typography ::-ms-input-placeholder,
html ::-ms-input-placeholder {
    color: var(--form-color)
}

.admin .main-typography .uc-dropdown:after,
html .uc-dropdown:after {
    top: calc(calc(var(--form-height) - 24px)/2);
    color: var(--form-color)
}

.admin .main-typography .uc-dropdown select,
html .uc-dropdown select {
    font-size: var(--form-font-size);
    height: var(--form-height);
    color: var(--form-color);
    background: var(--form-background-color);
    border: solid var(--form-border-color);
    border-width: var(--form-border-width);
    border-radius: var(--form-border-radius);
    padding: var(--form-padding);
    padding-right: 29px
}

.admin .main-typography .uc-dropdown select.error,
html .uc-dropdown select.error {
    border: solid var(--color-error) !important;
    border-width: var(--form-border-width) !important;
    box-shadow: var(--form-shadow-error)
}

.admin .main-typography html:not(.admin) .uc-dropdown select,
html html:not(.admin) .uc-dropdown select {
    font-family: var(--form-font-family)
}

.admin .main-typography html:not(.admin) .uc-dropdown:after,
html html:not(.admin) .uc-dropdown:after {
    top: calc(calc(var(--form-height) - 24px)/2)
}

.admin .main-typography .main-font-typography,
html .main-font-typography {
    font-size: var(--base-font-size);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    font-family: var(--font-family);
    text-shadow: var(--base-shadow)
}

.admin .main-typography h1,
html h1 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h1-color)
}

.admin .main-typography h1,
html h1,
.admin .main-typography [data-font-size=h1],
html [data-font-size=h1] {
    font-size: var(--heading-ratio-pow5);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
    font-family: var(--h1-font-family);
    text-shadow: var(--h1-shadow)
}

.admin .main-typography h2,
html h2 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h2-color)
}

.admin .main-typography h2,
html h2,
.admin .main-typography [data-font-size=h2],
html [data-font-size=h2] {
    font-size: var(--heading-ratio-pow4);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    font-family: var(--h2-font-family);
    text-shadow: var(--h2-shadow)
}

.admin .main-typography h3,
html h3 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h3-color)
}

.admin .main-typography h3,
html h3,
.admin .main-typography [data-font-size=h3],
html [data-font-size=h3] {
    font-size: var(--heading-ratio-pow3);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
    font-family: var(--h3-font-family);
    text-shadow: var(--h3-shadow)
}

.admin .main-typography h4,
html h4 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h4-color)
}

.admin .main-typography h4,
html h4,
.admin .main-typography [data-font-size=h4],
html [data-font-size=h4] {
    font-size: var(--heading-ratio-pow2);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
    font-family: var(--h4-font-family);
    text-shadow: var(--h4-shadow)
}

.admin .main-typography h5,
html h5 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h5-color)
}

.admin .main-typography h5,
html h5,
.admin .main-typography [data-font-size=h5],
html [data-font-size=h5] {
    font-size: calc(var(--heading-ratio) * 1rem);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    font-family: var(--h5-font-family);
    text-shadow: var(--h5-shadow)
}

.admin .main-typography h6,
html h6 {
    margin-bottom: var(--heading-margin-bottom);
    color: var(--h6-color)
}

.admin .main-typography h6,
html h6,
.admin .main-typography [data-font-size=h6],
html [data-font-size=h6] {
    font-size: 1rem;
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    font-family: var(--h6-font-family);
    text-shadow: var(--h6-shadow)
}

.admin .main-typography p,
html p {
    margin-bottom: var(--p-margin-bottom);
    color: var(--p-color)
}

.admin .main-typography p,
html p,
.admin .main-typography [data-font-size=p],
html [data-font-size=p] {
    font-size: var(--p-font-size);
    font-weight: var(--p-font-weight);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing);
    font-family: var(--p-font-family);
    text-shadow: var(--p-shadow)
}

@media only screen and (max-width:1030px) and (min-width:810px) {
    .admin .main-typography h1,
    html h1,
    .admin .main-typography [data-font-size=h1],
    html [data-font-size=h1] {
        font-size: var(--heading-ratio-tablet-pow5)
    }
    .admin .main-typography h2,
    html h2,
    .admin .main-typography [data-font-size=h2],
    html [data-font-size=h2] {
        font-size: var(--heading-ratio-tablet-pow4)
    }
    .admin .main-typography h3,
    html h3,
    .admin .main-typography [data-font-size=h3],
    html [data-font-size=h3] {
        font-size: var(--heading-ratio-tablet-pow3)
    }
    .admin .main-typography h4,
    html h4,
    .admin .main-typography [data-font-size=h4],
    html [data-font-size=h4] {
        font-size: var(--heading-ratio-tablet-pow2)
    }
    .admin .main-typography h5,
    html h5,
    .admin .main-typography [data-font-size=h5],
    html [data-font-size=h5] {
        font-size: calc(var(--heading-ratio-tablet) * 1rem)
    }
    .admin .main-typography [data-font-size=p-small],
    html [data-font-size=p-small] {
        font-size: var(--p-font-size)/var(--heading-ratio-tablet)
    }
    .admin .main-typography input,
    html input {
        min-height: 40px;
        height: calc(var(--form-height) * 90/100)
    }
    .admin .main-typography textarea,
    html textarea {
        min-height: 100px;
        height: calc(var(--textarea-height) * 90/100)
    }
    .admin .main-typography .on-input-icon-left i,
    html .on-input-icon-left i {
        line-height: 40px
    }
}

@media only screen and (max-width:810px) {
    .admin .main-typography h1,
    html h1,
    .admin .main-typography [data-font-size=h1],
    html [data-font-size=h1] {
        font-size: var(--heading-ratio-mobile-pow5)
    }
    .admin .main-typography h2,
    html h2,
    .admin .main-typography [data-font-size=h2],
    html [data-font-size=h2] {
        font-size: var(--heading-ratio-mobile-pow4)
    }
    .admin .main-typography h3,
    html h3,
    .admin .main-typography [data-font-size=h3],
    html [data-font-size=h3] {
        font-size: var(--heading-ratio-mobile-pow3)
    }
    .admin .main-typography h4,
    html h4,
    .admin .main-typography [data-font-size=h4],
    html [data-font-size=h4] {
        font-size: var(--heading-ratio-mobile-pow2)
    }
    .admin .main-typography h5,
    html h5,
    .admin .main-typography [data-font-size=h5],
    html [data-font-size=h5] {
        font-size: calc(var(--heading-ratio-mobile) * 1rem)
    }
    .admin .main-typography [data-font-size=p-small],
    html [data-font-size=p-small] {
        font-size: var(--p-font-size)/var(--heading-ratio-tablet)
    }
    .admin .main-typography input,
    html input,
    .admin .main-typography .uc-dropdown select,
    html .uc-dropdown select {
        height: calc(var(--form-height) * 70/100);
        min-height: 40px
    }
    .admin .main-typography textarea,
    html textarea {
        height: calc(var(--textarea-height) * 70/100);
        min-height: 100px
    }
    .admin .main-typography .on-input-icon-left i,
    html .on-input-icon-left i {
        line-height: calc(var(--form-height) * 70/100)
    }
    .admin .main-typography .checkbox-group .checkbox,
    html .checkbox-group .checkbox {
        width: 100% !important
    }
    .admin .main-typography .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column,
    html .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column,
    .admin .main-typography .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column,
    html .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column {
        padding: var(--mobile-column-distance) 0
    }
    .admin .main-typography .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    html .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    .admin .main-typography .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    html .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container {
        padding-bottom: calc($mobile-element-distance/2)
    }
    .admin .main-typography .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.first,
    html .header-rows .header-row-wrapper .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.first,
    .admin .main-typography .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.first,
    html .footer-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.first {
        padding-top: calc($mobile-element-distance/2)
    }
    .admin .main-typography .main-rows>.uc-row:not(.last),
    html .main-rows>.uc-row:not(.last),
    .admin .main-typography .layers-container>.uc-row:not(.last),
    html .layers-container>.uc-row:not(.last) {
        margin-bottom: var(--mobile-row-distance)
    }
    .admin .main-typography .main-rows>.uc-row-design>.uc-row:not(.last),
    html .main-rows>.uc-row-design>.uc-row:not(.last),
    .admin .main-typography .layers-container>.uc-row-design>.uc-row:not(.last),
    html .layers-container>.uc-row-design>.uc-row:not(.last),
    .admin .main-typography .main-rows .uc-row-cms>.uc-row:not(.last),
    html .main-rows .uc-row-cms>.uc-row:not(.last),
    .admin .main-typography .layers-container .uc-row-cms>.uc-row:not(.last),
    html .layers-container .uc-row-cms>.uc-row:not(.last) {
        margin-bottom: var(--mobile-row-distance)
    }
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row>[class*=col-sm-].column,
    html .main-rows .uc-row:first-child>.row-container>.row>[class*=col-sm-].column,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row>[class*=col-sm-].column,
    html .layers-container .uc-row:first-child>.row-container>.row>[class*=col-sm-].column,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-md-].column,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-md-].column,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-md-].column,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-md-].column,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-xs-].column,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-xs-].column,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-xs-].column,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-xs-].column,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-lg-].column,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-lg-].column,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-lg-].column,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-lg-].column {
        padding: 0 0 var(--mobile-column-distance)
    }
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row>[class*=col-sm-].column:last-child,
    html .main-rows .uc-row:first-child>.row-container>.row>[class*=col-sm-].column:last-child,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row>[class*=col-sm-].column:last-child,
    html .layers-container .uc-row:first-child>.row-container>.row>[class*=col-sm-].column:last-child,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-md-].column:last-child,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-md-].column:last-child,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-md-].column:last-child,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-md-].column:last-child,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-xs-].column:last-child,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-xs-].column:last-child,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-xs-].column:last-child,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-xs-].column:last-child,
    .admin .main-typography .main-rows .uc-row:first-child>.row-container>.row [class*=col-lg-].column:last-child,
    html .main-rows .uc-row:first-child>.row-container>.row [class*=col-lg-].column:last-child,
    .admin .main-typography .layers-container .uc-row:first-child>.row-container>.row [class*=col-lg-].column:last-child,
    html .layers-container .uc-row:first-child>.row-container>.row [class*=col-lg-].column:last-child {
        padding-bottom: 0
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column {
        padding: var(--mobile-column-distance) 0
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:first-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:first-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column:first-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column:first-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column:first-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column:first-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:first-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:first-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:first-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:first-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:first-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:first-child {
        padding-top: 0
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column:last-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column:last-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column:last-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column:last-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column:last-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column:last-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column:last-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column:last-child,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:last-child,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column:last-child,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:last-child,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column:last-child {
        padding-bottom: 0
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container {
        padding-bottom: var(--mobile-element-distance)
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.ModuleImage,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.ModuleImage,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.ModuleImage,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.ModuleImage,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.ModuleImage,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.ModuleImage,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.ModuleImage,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.ModuleImage,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.ModuleImage,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.ModuleImage {
        padding-bottom: var(--mobile-element-distance)
    }
    .admin .main-typography .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.last,
    html .main-rows .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.last,
    html .layers-container .uc-row>.row-container>.row>[class*=col-sm-].column>.column-container>.module-container.last,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.last,
    html .main-rows .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.last,
    html .layers-container .uc-row>.row-container>.row [class*=col-md-].column>.column-container>.module-container.last,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.last,
    html .main-rows .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.last,
    html .layers-container .uc-row>.row-container>.row [class*=col-xs-].column>.column-container>.module-container.last,
    .admin .main-typography .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.last,
    html .main-rows .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.last,
    .admin .main-typography .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.last,
    html .layers-container .uc-row>.row-container>.row [class*=col-lg-].column>.column-container>.module-container.last {
        padding-bottom: 0
    }
    .admin .main-typography .main-rows .uc-row .row-container .column,
    html .main-rows .uc-row .row-container .column,
    .admin .main-typography .layers-container .uc-row .row-container .column,
    html .layers-container .uc-row .row-container .column {
        padding: var(--mobile-column-distance) 0
    }
}

.admin .main-typography .uc-dropdown:after,
html .uc-dropdown:after {
    top: calc(calc(var(--form-height) - 24px)/2);
    color: var(--form-color)
}

.admin .main-typography .uc-dropdown select,
html .uc-dropdown select {
    font-size: var(--form-font-size);
    height: var(--form-height);
    color: var(--form-color);
    background: var(--form-background-color);
    border: solid var(--form-border-color);
    border-width: var(--form-border-width);
    border-radius: var(--form-border-radius);
    padding: var(--form-padding);
    padding-right: 29px
}

.admin .main-typography html:not(.admin) .uc-dropdown select,
html html:not(.admin) .uc-dropdown select {
    font-family: var(--form-font-family)
}

.admin .main-typography a,
html a {
    color: var(--link-color)
}

.admin .main-typography a:hover,
html a:hover {
    color: var(--link-color-hover)
}

.admin .main-typography .uc-content a:hover span,
html .uc-content a:hover span {
    color: var(--link-color-hover) !important
}

.admin .main-typography .ModuleParagraph ul,
html .ModuleParagraph ul,
.admin .main-typography .ModuleParagraph ol,
html .ModuleParagraph ol,
.admin .main-typography .ModuleTitle li,
html .ModuleTitle li,
.admin .main-typography .article-item-fulltext li,
html .article-item-fulltext li,
.admin .main-typography .article-item-fulltext ol,
html .article-item-fulltext ol,
.admin .main-typography .product-desc li,
html .product-desc li,
.admin .main-typography .product-desc ol,
html .product-desc ol {
    font-size: var(--p-font-size);
    margin-bottom: var(--p-margin-bottom);
    font-weight: var(--p-font-weight);
    line-height: var(--p-line-height);
    color: var(--p-color);
    letter-spacing: var(--p-letter-spacing);
    font-family: var(--p-font-family);
    text-shadow: var(--p-shadow)
}

.admin .main-typography .editor,
html .editor {
    min-width: 60px
}

.admin .main-typography [data-font-size=p-small],
html [data-font-size=p-small] {
    font-size: var(--p-font-size)/var(--heading-ratio)
}

.admin .main-typography .module.ModuleDivider .divider-container .divider-inner,
html .module.ModuleDivider .divider-container .divider-inner {
    border-bottom-color: var(--primary-color);
    border-image-slice: 1
}

.admin .main-typography .ModuleLanguageSwitcher .languages.top ul,
html .ModuleLanguageSwitcher .languages.top ul {
    border-radius: var(--language-switcher-border-radius)
}

.admin .main-typography .ModuleLanguageSwitcher .languages.top ul li:last-child a,
html .ModuleLanguageSwitcher .languages.top ul li:last-child a,
.admin .main-typography .ModuleLanguageSwitcher .languages.top ul li:last-child .lang-item-link,
html .ModuleLanguageSwitcher .languages.top ul li:last-child .lang-item-link {
    border-radius: var(--language-switcher-border-radius)
}

.admin .main-typography .ModuleLanguageSwitcher .languages.bottom ul,
html .ModuleLanguageSwitcher .languages.bottom ul {
    border-radius: var(--language-switcher-border-radius)
}

.admin .main-typography .ModuleLanguageSwitcher .languages.bottom ul li:first-child a,
html .ModuleLanguageSwitcher .languages.bottom ul li:first-child a,
.admin .main-typography .ModuleLanguageSwitcher .languages.bottom ul li:first-child .lang-item-link,
html .ModuleLanguageSwitcher .languages.bottom ul li:first-child .lang-item-link {
    border-radius: var(--language-switcher-border-radius)
}

.admin .main-typography .ModuleLanguageSwitcher .languages .main-language,
html .ModuleLanguageSwitcher .languages .main-language {
    min-width: var(--language-switcher-min-width);
    min-height: var(--language-switcher-height);
    padding: var(--language-switcher-padding);
    border: solid var(--language-switcher-border-color);
    border-width: var(--language-switcher-border-width);
    border-radius: var(--language-switcher-border-radius);
    background: var(--language-switcher-background-color)
}

.admin .main-typography .ModuleLanguageSwitcher .languages ul li,
html .ModuleLanguageSwitcher .languages ul li {
    background: var(--language-switcher-background-color)
}

.admin .main-typography .ModuleLanguageSwitcher .languages ul li:hover,
html .ModuleLanguageSwitcher .languages ul li:hover {
    background: var(--language-switcher-sub-background-color-hover)
}

.admin .main-typography .ModuleLanguageSwitcher .languages ul li:hover a span,
html .ModuleLanguageSwitcher .languages ul li:hover a span,
.admin .main-typography .ModuleLanguageSwitcher .languages ul li:hover .lang-item-link span,
html .ModuleLanguageSwitcher .languages ul li:hover .lang-item-link span {
    color: var(--language-switcher-sub-color-hover)
}

.admin .main-typography .ModuleLanguageSwitcher .languages ul li a,
html .ModuleLanguageSwitcher .languages ul li a,
.admin .main-typography .ModuleLanguageSwitcher .languages ul li .lang-item-link,
html .ModuleLanguageSwitcher .languages ul li .lang-item-link {
    border: solid var(--language-switcher-border-color);
    border-width: var(--language-switcher-border-width);
    font-size: var(--language-switcher-font-size);
    color: var(--language-switcher-color);
    min-height: var(--language-switcher-height);
    padding: var(--language-switcher-padding)
}

.admin .main-typography .ModuleLanguageSwitcher .name,
html .ModuleLanguageSwitcher .name {
    font-family: var(--language-switcher-font-family);
    font-size: var(--language-switcher-font-size);
    font-weight: var(--language-switcher-font-weight);
    letter-spacing: var(--language-switcher-letter-spacing);
    color: var(--language-switcher-color)
}

.admin .main-typography .ModuleLanguageSwitcher .disable-switcher,
html .ModuleLanguageSwitcher .disable-switcher {
    border-radius: var(--language-switcher-border-radius)
}

.admin .main-typography .ModuleLanguageSwitcher .lng-ic-down,
html .ModuleLanguageSwitcher .lng-ic-down {
    font-size: var(--language-switcher-font-size) - 5px;
    color: var(--language-switcher-color)
}

.admin .main-typography .mobile-scale h1,
html .mobile-scale h1,
.admin .main-typography .mobile-scale [data-font-size=h1],
html .mobile-scale [data-font-size=h1] {
    font-size: var(--heading-ratio-mobile-pow5)
}

.admin .main-typography .mobile-scale h2,
html .mobile-scale h2,
.admin .main-typography .mobile-scale [data-font-size=h2],
html .mobile-scale [data-font-size=h2] {
    font-size: var(--heading-ratio-mobile-pow4)
}

.admin .main-typography .mobile-scale h3,
html .mobile-scale h3,
.admin .main-typography .mobile-scale [data-font-size=h3],
html .mobile-scale [data-font-size=h3] {
    font-size: var(--heading-ratio-mobile-pow3)
}

.admin .main-typography .mobile-scale h4,
html .mobile-scale h4,
.admin .main-typography .mobile-scale [data-font-size=h4],
html .mobile-scale [data-font-size=h4] {
    font-size: var(--heading-ratio-mobile-pow2)
}

.admin .main-typography .mobile-scale h5,
html .mobile-scale h5,
.admin .main-typography .mobile-scale [data-font-size=h5],
html .mobile-scale [data-font-size=h5] {
    font-size: calc(var(--heading-ratio-mobile) * 1rem)
}

.admin .main-typography .mobile-scale [data-font-size=p-small],
html .mobile-scale [data-font-size=p-small] {
    font-size: var(--p-font-size)/var(--heading-ratio-tablet)
}

.admin .main-typography .copy-text-tooltip,
html .copy-text-tooltip {
    z-index: 100;
    position: fixed;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 7px;
    width: fit-content;
    border-radius: 4px;
    cursor: pointer;
    color: #576180;
    background-color: var(--primary-color)
}

.admin .main-typography .copy-text,
html .copy-text {
    color: var(--link-color) !important;
    background: 0 0;
    cursor: pointer
}

.admin .main-typography .copy-text::selection,
html .copy-text::selection {
    background: 0 0
}

.admin .main-typography .uc-content.cursor-pointer,
html .uc-content.cursor-pointer {
    cursor: pointer
}

.admin .main-typography .ModuleEcommerceProduct label.checkbox input[type=checkbox]+span::before,
html .ModuleEcommerceProduct label.checkbox input[type=checkbox]+span::before {
    content: '';
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    font-size: 17px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    border: 1px solid;
    transition: all 150ms ease;
    border-color: var(--form-border-color);
    border-radius: var(--form-border-radius);
    background: var(--form-background-color)
}

.admin .main-typography .ModuleEcommerceProduct label.checkbox input[type=checkbox]+span::after,
html .ModuleEcommerceProduct label.checkbox input[type=checkbox]+span::after {
    opacity: 0;
    background-color: var(--form-color);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/svg/uci-checkmark.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/svg/uci-checkmark.svg)
}

.admin .main-typography .ModuleEcommerceProduct label.checkbox input[type=checkbox]:checked+span:after,
html .ModuleEcommerceProduct label.checkbox input[type=checkbox]:checked+span:after {
    opacity: 1
}

.admin .main-typography .desktop .ModuleEcommerceProduct label.checkbox input[type=checkbox]:hover+span:after,
html .desktop .ModuleEcommerceProduct label.checkbox input[type=checkbox]:hover+span:after {
    filter: inherit !important;
    opacity: .7
}

html .uc-animation.staticParallax .bg-image,
html .uc-animation.staticParallax .video-container-iframe>div,
html .uc-animation.staticParallax .bg-video-container {
    clip-path: inset(0 0 -1px 0);
    -webkit-clip-path: inset(0 0 -1px 0)
}

.uc-animation {
    backface-visibility: hidden
}

.uc-animation:not(.staticParallax) {
    pointer-events: none
}

.uc-animation.fadeIn {
    transition: opacity 1s ease-in-out;
    opacity: 0
}

.uc-animation.fadeInDown {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: translateY(-150px) translateZ(0);
    -o-transform: translateY(-150px) translateZ(0);
    -ms-transform: translateY(-150px) translateZ(0);
    -webkit-transform: translateY(-150px) translateZ(0);
    transform: translateY(-150px) translateZ(0)
}

.uc-animation.fadeInUp {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: translateY(150px) translateZ(0);
    -o-transform: translateY(150px) translateZ(0);
    -ms-transform: translateY(150px) translateZ(0);
    -webkit-transform: translateY(150px) translateZ(0);
    transform: translateY(150px) translateZ(0)
}

.uc-animation.fadeInLeft {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: translateX(-150px) translateZ(0);
    -o-transform: translateX(-150px) translateZ(0);
    -ms-transform: translateX(-150px) translateZ(0);
    -webkit-transform: translateX(-150px) translateZ(0);
    transform: translateX(-150px) translateZ(0)
}

.uc-animation.fadeInRight {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: translateX(150px) translateZ(0);
    -o-transform: translateX(150px) translateZ(0);
    -ms-transform: translateX(150px) translateZ(0);
    -webkit-transform: translateX(150px) translateZ(0);
    transform: translateX(150px) translateZ(0)
}

.uc-animation.fadeInScale {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    -moz-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    opacity: 0
}

.uc-animation.rotateLeft {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: rotateZ(-180deg) translateZ(0);
    -o-transform: rotateZ(-180deg) translateZ(0);
    -ms-transform: rotateZ(-180deg) translateZ(0);
    -webkit-transform: rotateZ(-180deg) translateZ(0);
    transform: rotateZ(-180deg) translateZ(0)
}

.uc-animation.rotateRight {
    transition: opacity 1s ease-in-out, transform 1s cubic-bezier(.13, .07, 0, .99);
    opacity: 0;
    -moz-transform: rotateZ(180deg) translateZ(0);
    -o-transform: rotateZ(180deg) translateZ(0);
    -ms-transform: rotateZ(180deg) translateZ(0);
    -webkit-transform: rotateZ(180deg) translateZ(0);
    transform: rotateZ(180deg) translateZ(0)
}

.uc-animation.rainbow {
    background: linear-gradient(295deg, #48d9f1, #fadf76, #f18d48, #fadf76, #ea70fe, #685ec8, #f54784, #fea64d, #fea64d) !important;
    background-size: 1800% 1800% !important;
    animation: rainbow 40s ease infinite
}

.uc-animation.staticParallax {
    transition: all 1s cubic-bezier(.13, .07, 0, .99)
}

.uc-animation.staticParallax .bg-image .bg-image-view {
    position: fixed;
    will-change: transform;
    transform: translateZ(-1px)
}

.uc-animation.staticParallax .video-container-iframe>div .screen {
    position: fixed;
    will-change: transform;
    transform: translateZ(-1px);
    z-index: -1;
    height: 100vh
}

.uc-animation.staticParallax .bg-video-container video {
    position: fixed;
    will-change: transform;
    transform: translateZ(-1px);
    z-index: -1;
    height: 100vh;
    pointer-events: none
}

.uc-animation.active {
    pointer-events: all
}

.uc-animation.active.fadeIn {
    opacity: 1
}

.uc-animation.active.fadeInDown {
    opacity: 1;
    -moz-transform: translateY(0px) translateZ(0);
    -o-transform: translateY(0px) translateZ(0);
    -ms-transform: translateY(0px) translateZ(0);
    -webkit-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0)
}

.uc-animation.active.fadeInUp {
    opacity: 1;
    -moz-transform: translateY(0px) translateZ(0);
    -o-transform: translateY(0px) translateZ(0);
    -ms-transform: translateY(0px) translateZ(0);
    -webkit-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0)
}

.uc-animation.active.fadeInLeft {
    opacity: 1;
    -moz-transform: translateX(0px) translateZ(0);
    -o-transform: translateX(0px) translateZ(0);
    -ms-transform: translateX(0px) translateZ(0);
    -webkit-transform: translateX(0px) translateZ(0);
    transform: translateX(0px) translateZ(0)
}

.uc-animation.active.fadeInRight {
    opacity: 1;
    -moz-transform: translateX(0px) translateZ(0);
    -o-transform: translateX(0px) translateZ(0);
    -ms-transform: translateX(0px) translateZ(0);
    -webkit-transform: translateX(0px) translateZ(0);
    transform: translateX(0px) translateZ(0)
}

.uc-animation.active.fadeInScale {
    -moz-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    opacity: 1
}

.uc-animation.active.rotateLeft {
    opacity: 1;
    -moz-transform: rotateZ(0deg) translateZ(0);
    -o-transform: rotateZ(0deg) translateZ(0);
    -ms-transform: rotateZ(0deg) translateZ(0);
    -webkit-transform: rotateZ(0deg) translateZ(0);
    transform: rotateZ(0deg) translateZ(0)
}

.uc-animation.active.rotateRight {
    opacity: 1;
    -moz-transform: rotateZ(0deg) translateZ(0);
    -o-transform: rotateZ(0deg) translateZ(0);
    -ms-transform: rotateZ(0deg) translateZ(0);
    -webkit-transform: rotateZ(0deg) translateZ(0);
    transform: rotateZ(0deg) translateZ(0)
}

@keyframes rainbow {
    0% {
        background-position: 0 36%
    }
    50% {
        background-position: 100% 65%
    }
    100% {
        background-position: 0 36%
    }
}

.column.affix[class*=col-xs-] .affix-column,
.column.affix[class*=col-sm-] .affix-column {
    top: 0;
    position: sticky;
    position: -webkit-sticky
}

@media only screen and (max-width:1030px) {
    .column.affix[class*=col-xs-],
    .column.affix[class*=col-sm-] {
        z-index: 2
    }
}

@media only screen and (max-width:810px) {
    .column.uc-animation:not(.affix) {
        overflow-x: hidden
    }
    .uc-animation.staticParallax .video-container-iframe>div .screen {
        position: absolute
    }
    .uc-animation.staticParallax .bg-video-container video {
        position: absolute
    }
}

.full-width-color-block {
    width: 100%;
    display: inline-block;
    padding: 0 10px
}

.full-width-color-block .pull-right {
    float: right
}

.full-width-color-block .effect-color-block {
    height: 40px;
    border-radius: 10px;
    background-color: #fff;
    transition: width 2s linear;
    display: none
}

.full-width-color-block .effect-color-block.active {
    display: block
}

.full-width-color-block .effect-color-block .color-block-title {
    height: 17px;
    color: #8c8c85;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
    margin-right: 11px
}

.full-width-color-block .effect-color-block .uci-x {
    color: #bbbbaf
}

.full-width-color-block .effect-color-block .color-block-icon {
    position: relative
}

.full-width-color-block .effect-color-block ul {
    height: 100%;
    padding: 0
}

.full-width-color-block .effect-color-block ul li {
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #f1f1eb;
    height: 100%;
    float: left;
    padding: 0 20px
}

.full-width-color-block .effect-color-block ul li:last-child {
    border-right: none;
    cursor: pointer
}

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

.clearfix:before,
.clearfix:after {
    display: table;
    content: ''
}

.clearfix:after {
    clear: both
}

.effects-slide .tab:not(.color-big):not(.color-gradient).active {
    padding: 0 !important
}

.effects-slide .header {
    background-color: #fafaf7;
    border-radius: 10px 10px 0 0
}

.effects-slide .ps__scrollbar-x-rail {
    display: none !important
}

.effects-slide .container {
    width: 100%;
    font-size: 12px
}

.effects-slide .container .show-colorBox {
    height: 40px;
    width: 50px;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    padding: 10px 17px;
    display: none
}

.effects-slide .container .show-colorBox.active {
    display: block
}

.effects-slide .container .show-colorBox img {
    height: 21px;
    width: 15px
}

.effects-slide .container .shadow-block {
    height: 6px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)
}

.effects-slide .container .block {
    background-color: #fafaf7;
    padding: 24px 30px
}

.effects-slide .container .animation-title {
    height: 28px;
    color: #4a4a4a;
    font-family: open sans;
    font-weight: 600;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.effects-slide .container .animation-item-title {
    margin-top: 7px
}

.effects-slide .container .item-block {
    padding: 20px 10px;
    -webkit-font-smoothing: antialiased
}

.effects-slide .container .item-block .item {
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    z-index: 10 !important;
    overflow: hidden !important;
    width: 100%
}

.effects-slide .container .item-block .item.selected {
    box-sizing: border-box;
    background: var(--main-color)
}

.effects-slide .container .item-block .item.selected:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    border: 4px solid var(--main-color);
    border-radius: 10px;
    height: 100%;
    z-index: 999 !important;
    border-right: 5px solid var(--main-color);
    width: calc(100% + 1px) !important
}

.effects-slide .container .item-block .item .layer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.effects-slide .container .item-block .item .figcaption {
    cursor: pointer;
    padding: 32px;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12
}

.effects-slide .container .item-block .item .figcaption.before,
.effects-slide .container .item-block .item .figcaption.after {
    pointer-events: none
}

.effects-slide .container .item-block .item .image-title .title {
    word-spacing: -2px;
    margin: 0;
    color: #fafaf7;
    font-family: open sans;
    font-weight: 600;
    line-height: 24px
}

.effects-slide .container .item-block .item .image-description .description {
    margin: 0;
    color: #fff;
    font-family: open sans;
    font-weight: 600;
    line-height: 14px
}

.effects-slide .container .item-block .item .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.effects-slide .container .item-block .item.effect-default.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-default .image {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px)
}

.effects-slide .container .item-block .item.effect-default .figcaption {
    text-align: left
}

.effects-slide .container .item-block .item.effect-default .figcaption .text-block {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 32px
}

.effects-slide .container .item-block .item.effect-default .layer {
    opacity: 0
}

.effects-slide .container .item-block .item.effect-default .image-description .description {
    opacity: 0;
    top: 100%
}

.effects-slide .container .item-block .item.effect-default .image-title .title,
.effects-slide .container .item-block .item.effect-default .image-description .description {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 32px;
    bottom: 30px
}

.effects-slide .container .item-block .item.effect-default:hover .layer {
    opacity: 1
}

.effects-slide .container .item-block .item.effect-default:hover .image {
    background-position-x: 0
}

.effects-slide .container .item-block .item.effect-default:hover .image-title .title,
.effects-slide .container .item-block .item.effect-default:hover .image-description .description {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effects-slide .container .item-block .item.effect-default:hover .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.effects-slide .container .item-block .item.effect-default:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .effects-slide .container .item-block .item.effect-default:hover .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .effects-slide .container .item-block .item.effect-default:hover .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.effects-slide .container .item-block .item.effect-lilly.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-lilly .image {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    -webkit-transition: opacity .35s, background-position-x .35s;
    transition: opacity .35s, background-position-x .35s;
    background-position-x: -40px
}

.effects-slide .container .item-block .item.effect-lilly .figcaption {
    text-align: left
}

.effects-slide .container .item-block .item.effect-lilly .figcaption .text-block {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 32px
}

.effects-slide .container .item-block .item.effect-lilly .layer {
    opacity: 0
}

.effects-slide .container .item-block .item.effect-lilly .image-description .description {
    opacity: 0;
    top: 100%
}

.effects-slide .container .item-block .item.effect-lilly .image-title .title,
.effects-slide .container .item-block .item.effect-lilly .image-description .description {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 32px;
    bottom: 30px
}

.effects-slide .container .item-block .item.effect-lilly:hover .layer {
    opacity: 1
}

.effects-slide .container .item-block .item.effect-lilly:hover .image {
    background-position-x: 0
}

.effects-slide .container .item-block .item.effect-lilly:hover .image-title .title,
.effects-slide .container .item-block .item.effect-lilly:hover .image-description .description {
    opacity: 1;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effects-slide .container .item-block .item.effect-lilly:hover .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.effects-slide .container .item-block .item.effect-lilly:hover .image-description .description {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .effects-slide .container .item-block .item.effect-lilly:hover .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .effects-slide .container .item-block .item.effect-lilly:hover .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.effects-slide .container .item-block .item.effect-sadie.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-sadie .figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.effects-slide .container .item-block .item.effect-sadie .layer {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.effects-slide .container .item-block .item.effect-sadie .image-title .title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transition: -webkit-transform .35s, color .35s;
    transition: transform .35s, color .35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    text-align: center
}

.effects-slide .container .item-block .item.effect-sadie .image-description .description {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    text-align: center
}

.effects-slide .container .item-block .item.effect-sadie:hover .image-title .title {
    color: #fff;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.effects-slide .container .item-block .item.effect-sadie:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effects-slide .container .item-block .item.effect-sadie:hover .layer {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.effects-slide .container .item-block .item.effect-honey .image {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effects-slide .container .item-block .item.effect-honey .figcaption:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effects-slide .container .item-block .item.effect-honey .layer {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effects-slide .container .item-block .item.effect-honey .image-title .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 24px;
    width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effects-slide .container .item-block .item.effect-honey:hover .figcaption:before,
.effects-slide .container .item-block .item.effect-honey:hover .image-title .title,
.effects-slide .container .item-block .item.effect-honey:hover .layer {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.effects-slide .container .item-block .item.effect-roxy.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-roxy .figcaption {
    padding: 48px;
    text-align: left
}

.effects-slide .container .item-block .item.effect-roxy .figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.effects-slide .container .item-block .item.effect-roxy .image-description .description {
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.effects-slide .container .item-block .item.effect-roxy .image {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity .35s, background-position-x .35s;
    transition: opacity .35s, background-position-x .35s;
    background-position-x: -50px
}

.effects-slide .container .item-block .item.effect-roxy .layer {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.effects-slide .container .item-block .item.effect-roxy:hover .image {
    opacity: .7;
    background-position-x: 0
}

.effects-slide .container .item-block .item.effect-roxy:hover .image.slider {
    opacity: unset
}

.effects-slide .container .item-block .item.effect-roxy:hover .image-description .description,
.effects-slide .container .item-block .item.effect-roxy:hover .figcaption::before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.effects-slide .container .item-block .item.effect-roxy:hover .layer {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.effects-slide .container .item-block .item.effect-sarah .image {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s, background-position-x .35s;
    transition: opacity .35s, background-position-x .35s;
    background-position-x: -10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effects-slide .container .item-block .item.effect-sarah .figcaption {
    text-align: left
}

.effects-slide .container .item-block .item.effect-sarah .image-title .title {
    position: relative;
    overflow: hidden;
    padding: 8px 0
}

.effects-slide .container .item-block .item.effect-sarah .image-title .title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.effects-slide .container .item-block .item.effect-sarah .image-description .description {
    padding: 16px 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.effects-slide .container .item-block .item.effect-sarah .layer {
    opacity: 0;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.effects-slide .container .item-block .item.effect-sarah:hover .image {
    background-position-x: 0
}

.effects-slide .container .item-block .item.effect-sarah:hover .image-title .title:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effects-slide .container .item-block .item.effect-sarah:hover .layer {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.effects-slide .container .item-block .item.effect-sarah:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effects-slide .container .item-block .item.effect-steve {
    z-index: auto;
    overflow: visible
}

.effects-slide .container .item-block .item.effect-steve.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-steve:before,
.effects-slide .container .item-block .item.effect-steve .image-title .title:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effects-slide .container .item-block .item.effect-steve .figcaption {
    z-index: 1
}

.effects-slide .container .item-block .item.effect-steve .image {
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: perspective(1000px) scale(1);
    transform: perspective(1000px) scale(1)
}

.effects-slide .container .item-block .item.effect-steve .image-description .description,
.effects-slide .container .item-block .item.effect-steve .image-title .title {
    text-align: center
}

.effects-slide .container .item-block .item.effect-steve .image-title .title {
    position: relative;
    padding: 2px;
    text-align: center
}

.effects-slide .container .item-block .item.effect-steve .image-title .title:before {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}

.effects-slide .container .item-block .item.effect-steve .image-description .description {
    margin-top: 16px;
    padding: 8px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

.effects-slide .container .item-block .item.effect-steve:hover:before {
    opacity: 1
}

.effects-slide .container .item-block .item.effect-steve:hover .image {
    -webkit-transform: perspective(1000px) scale(1.05);
    transform: perspective(1000px) scale(1.05)
}

.effects-slide .container .item-block .item.effect-steve:hover .image-description .description {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effects-slide .container .item-block .item.effect-steve:hover .image-title .title:before {
    opacity: 0
}

.effects-slide .container .item-block .item.effect-goliath {
    background: #df4e4e
}

.effects-slide .container .item-block .item.effect-goliath.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-goliath .image-title .title {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effects-slide .container .item-block .item.effect-goliath .image {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effects-slide .container .item-block .item.effect-goliath .image-description .description,
.effects-slide .container .item-block .item.effect-goliath .image-title .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px
}

.effects-slide .container .item-block .item.effect-goliath .image-description .description {
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.effects-slide .container .item-block .item.effect-goliath:hover .image {
    border-radius: 10px 10px 0 0;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px)
}

.effects-slide .container .item-block .item.effect-goliath:hover .image-title .title {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

.effects-slide .container .item-block .item.effect-goliath:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effects-slide .container .item-block .item.effect-selena {
    background: #fafaf7 !important
}

.effects-slide .container .item-block .item.effect-selena.selected .image {
    border-radius: 0
}

.effects-slide .container .item-block .item.effect-selena .image {
    opacity: .95;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transition: all .51s;
    -o-transition: all .51s;
    -webkit-transition: all .51s;
    transition: all .51s;
    border-radius: 10px
}

.effects-slide .container .item-block .item.effect-selena .image.slider {
    opacity: unset
}

.effects-slide .container .item-block .item.effect-selena .image-title .title {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    text-align: center
}

.effects-slide .container .item-block .item.effect-selena .image-description .description {
    opacity: 0;
    margin-top: 8px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    text-align: center
}

.effects-slide .container .item-block .item.effect-selena:hover.selected .image {
    border-radius: 10px
}

.effects-slide .container .item-block .item.effect-selena:hover .image {
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
}

.effects-slide .container .item-block .item.effect-selena:hover {
    background: #fafaf7
}

.effects-slide .container .item-block .item.effect-selena:hover .image-title .title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effects-slide .container .item-block .item.effect-selena:hover .image-description .description {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}

.effects-slide .container .item-block .item.effect-apollo .image {
    -webkit-transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s;
    transform: scale(1.05)
}

.effects-slide .container .item-block .item.effect-apollo .figcaption:before {
    position: absolute;
    top: -280%;
    width: 100%;
    height: 400%;
    transform: rotate(-45deg) translateX(50%);
    -webkit-transform: rotate(-45deg) translateX(50%);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s
}

.effects-slide .container .item-block .item.effect-apollo .layer {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.effects-slide .container .item-block .item.effect-apollo .image-description .description {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 16px;
    margin: 32px;
    max-width: 200px;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effects-slide .container .item-block .item.effect-apollo .image-description .description:after {
    position: absolute;
    content: '';
    background: #000;
    width: 3px;
    height: 100%;
    top: 0;
    margin-left: 15px
}

.effects-slide .container .item-block .item.effect-apollo .image-title .title {
    text-align: left
}

.effects-slide .container .item-block .item.effect-apollo:hover .image {
    transform: scale(1)
}

.effects-slide .container .item-block .item.effect-apollo:hover .figcaption:before {
    -webkit-transform: rotate(-45deg) translateX(-350%);
    transform: rotate(-45deg) translateX(-350%)
}

.effects-slide .container .item-block .item.effect-apollo:hover .layer {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effects-slide .container .item-block .item.effect-apollo:hover .image-description .description {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effects-slide .container .item-block .item.effect-Soft-Fade .figcaption {
    opacity: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.effects-slide .container .item-block .item.effect-Soft-Fade .layer {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0
}

.effects-slide .container .item-block .item.effect-Soft-Fade:hover .layer {
    opacity: 1
}

.effects-slide .container .item-block .item.effect-Soft-Fade:hover .figcaption {
    opacity: 1
}

.effects-slide .container .item-block .animation-item-title {
    height: 17px;
    width: 70px;
    color: #8c8c85;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px
}

.effects-slide .container .item-block .animation-item-title.selected {
    color: var(--main-color)
}

.effects-slide .content {
    margin: 0 auto
}

.effects-slide .content h2 {
    clear: both;
    margin: 0;
    padding: 4em 1% 0;
    color: #484b54;
    font-weight: 800;
    font-size: 1.5em
}

.effects-slide .content h2:first-child {
    padding-top: 0
}

.effect-block {
    overflow: hidden;
    width: 100%;
    text-align: center
}

.effect-block .image {
    position: relative;
    display: block;
    max-width: 100%;
    object-fit: cover
}

.effect-block .image.slider {
    opacity: unset
}

.effect-block .figcaption {
    cursor: pointer;
    padding: 32px;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 100%
}

.effect-block .figcaption.before,
.effect-block .figcaption.after {
    pointer-events: none
}

.effect-block .figcaption.not-clickable {
    pointer-events: none !important
}

.effect-block .figcaption.not-clickable * {
    pointer-events: none !important
}

.effect-block .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.effect-block .image-title .title {
    word-spacing: -2px;
    margin: 0 !important;
    color: #fff
}

.effect-block .image-description .description {
    margin: 0;
    letter-spacing: 1px;
    color: #fff
}

.effect-block.effect-default {
    position: relative
}

.effect-block.effect-default .figcaption {
    text-align: left
}

.effect-block.effect-default .figcaption .text-block {
    bottom: 0;
    left: 0;
    width: 100%
}

.effect-block.effect-default .layer {
    opacity: 0
}

.effect-block.effect-default .image-title .title,
.effect-block.effect-default .image-description .description {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 32px;
    bottom: 30px
}

.effect-block.effect-default .image-description .description {
    opacity: 0;
    top: 100%
}

.effect-block.effect-default.public-mode:hover .layer {
    opacity: 1
}

.effect-block.effect-default.public-mode:hover .image-title .title,
.effect-block.effect-default.public-mode:hover .image-description .description {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effect-block.effect-default.public-mode:hover .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.effect-block.effect-default.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .effect-block.effect-default.public-mode:hover .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .effect-block.effect-default.public-mode:hover .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.effect-block.effect-lilly {
    position: relative
}

.effect-block.effect-lilly .image {
    max-width: none;
    width: -webkit-calc(100% + 50px) !important;
    width: calc(100% + 50px) !important;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

.effect-block.effect-lilly .figcaption {
    text-align: left
}

.effect-block.effect-lilly .figcaption .text-block {
    bottom: 0;
    left: 0;
    width: 100%
}

.effect-block.effect-lilly .layer {
    opacity: 0
}

.effect-block.effect-lilly .image-title .title,
.effect-block.effect-lilly .image-description .description {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 32px;
    bottom: 30px
}

.effect-block.effect-lilly .image-description .description {
    opacity: 0;
    top: 100%
}

.effect-block.effect-lilly.public-mode:hover .layer {
    opacity: 1
}

.effect-block.effect-lilly.public-mode:hover .image {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.effect-block.effect-lilly.public-mode:hover .image-title .title,
.effect-block.effect-lilly.public-mode:hover .image-description .description {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effect-block.effect-lilly.public-mode:hover .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.effect-block.effect-lilly.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .effect-block.effect-lilly.public-mode:hover .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .effect-block.effect-lilly.public-mode:hover .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.effect-block.effect-sadie {
    position: relative
}

.effect-block.effect-sadie .figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.effect-block.effect-sadie .layer {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.effect-block.effect-sadie .image-title .title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .35s, color .35s;
    transition: transform .35s, color .35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.effect-block.effect-sadie .image-description .description {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.effect-block.effect-sadie.public-mode:hover .image-title .title {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.effect-block.effect-sadie.public-mode:hover .image-description .description,
.effect-block.effect-sadie.public-mode:hover .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-honey {
    position: relative
}

.effect-block.effect-honey .image {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-block.effect-honey .figcaption {
    padding: 20px 5px
}

.effect-block.effect-honey .figcaption:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effect-block.effect-honey .image-title .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effect-block.effect-honey .layer {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effect-block.effect-honey.public-mode:hover .figcaption:before,
.effect-block.effect-honey.public-mode:hover .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.effect-block.effect-honey.public-mode:hover .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-roxy {
    position: relative
}

.effect-block.effect-roxy .figcaption {
    padding: 48px;
    text-align: left
}

.effect-block.effect-roxy .figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.effect-block.effect-roxy .image-description .description {
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.effect-block.effect-roxy .image {
    max-width: none;
    width: -webkit-calc(100% + 60px) !important;
    width: calc(100% + 60px) !important;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.effect-block.effect-roxy .layer {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.effect-block.effect-roxy.public-mode:hover .image {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.effect-block.effect-roxy.public-mode:hover .image.slider {
    opacity: unset
}

.effect-block.effect-roxy.public-mode:hover .image-description .description,
.effect-block.effect-roxy.public-mode:hover .figcaption::before,
.effect-block.effect-roxy.public-mode:hover .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-sarah {
    position: relative
}

.effect-block.effect-sarah .image {
    max-width: none;
    width: -webkit-calc(100% + 20px) !important;
    width: calc(100% + 20px) !important;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-block.effect-sarah .figcaption {
    text-align: left
}

.effect-block.effect-sarah .image-title .title {
    position: relative;
    overflow: hidden;
    padding: 17px 0
}

.effect-block.effect-sarah .image-title .title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0)
}

.effect-block.effect-sarah .layer {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.effect-block.effect-sarah .image-description .description {
    padding: 14px 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.effect-block.effect-sarah.public-mode:hover .image {
    opacity: .4;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.effect-block.effect-sarah.public-mode:hover .image.slider {
    opacity: unset
}

.effect-block.effect-sarah.public-mode:hover .image-title .title:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-sarah.public-mode:hover .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-sarah.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-steve {
    z-index: auto;
    overflow: hidden;
    position: relative
}

.effect-block.effect-steve:before,
.effect-block.effect-steve .image-title .title:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-block.effect-steve:before {
    opacity: 0
}

.effect-block.effect-steve .figcaption {
    z-index: 1
}

.effect-block.effect-steve .image {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0)
}

.effect-block.effect-steve .image.slider {
    opacity: unset
}

.effect-block.effect-steve .image-title .title {
    position: relative;
    margin-top: 32px;
    padding: 8px
}

.effect-block.effect-steve .image-description .description {
    margin-top: 16px;
    padding: 8px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

.effect-block.effect-steve.public-mode:hover:before {
    opacity: 1
}

.effect-block.effect-steve.public-mode:hover .image {
    -webkit-transform: perspective(1000px) scale(1.05);
    transform: perspective(1000px) scale(1.05)
}

.effect-block.effect-steve.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-block.effect-steve.public-mode:hover .image-title .title:before {
    opacity: 0
}

.effect-block.effect-goliath {
    position: relative
}

.effect-block.effect-goliath .image,
.effect-block.effect-goliath .image-title .title {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effect-block.effect-goliath .image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-block.effect-goliath .image-description .description,
.effect-block.effect-goliath .image-title .title {
    position: absolute;
    left: 0;
    padding: 0 32px;
    width: 100%
}

.effect-block.effect-goliath .image-title .title {
    bottom: 30px
}

.effect-block.effect-goliath .image-description .description {
    text-transform: none;
    opacity: 0;
    top: 100%;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-goliath.public-mode:hover .image {
    -webkit-transform: translate3d(-80px);
    transform: translateY(-80px)
}

.effect-block.effect-goliath.public-mode:hover .image-title .title {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

.effect-block.effect-goliath.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0)
}

@media only screen and (max-width:576px) {
    .effect-block.effect-goliath.public-mode:hover .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .effect-block.effect-goliath.public-mode:hover .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.effect-block.effect-selena {
    position: relative
}

.effect-block.effect-selena .image {
    opacity: .95;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.effect-block.effect-selena .image.slider {
    opacity: unset
}

.effect-block.effect-selena .image-title {
    overflow: inherit !important
}

.effect-block.effect-selena .image-title .title {
    overflow: inherit !important;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-block.effect-selena .image-description .description {
    opacity: 0;
    margin-top: 8px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.effect-block.effect-selena.public-mode:hover .image {
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
}

.effect-block.effect-selena.public-mode:hover .image-title .title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-block.effect-selena.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}

.effect-block.effect-apollo {
    position: relative
}

.effect-block.effect-apollo .image {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.effect-block.effect-apollo .figcaption:before {
    position: absolute;
    top: -280%;
    width: 100%;
    height: 400%;
    transform: rotate(-45deg) translateX(50%);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s
}

.effect-block.effect-apollo .layer {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.effect-block.effect-apollo .image-description .description {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 16px;
    margin: 32px;
    max-width: 200px;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-block.effect-apollo .image-title .title {
    text-align: left
}

.effect-block.effect-apollo.public-mode:hover .image {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-block.effect-apollo.public-mode:hover .figcaption:before {
    -webkit-transform: rotate(-45deg) translateX(-350%);
    transform: rotate(-45deg) translateX(-350%)
}

.effect-block.effect-apollo.public-mode:hover .layer {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-block.effect-apollo.public-mode:hover .image-description .description {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effect-block.effect-Soft-Fade {
    position: relative
}

.effect-block.effect-Soft-Fade .figcaption {
    opacity: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.effect-block.effect-Soft-Fade .layer {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0
}

.effect-block.effect-Soft-Fade.public-mode:hover .layer {
    opacity: 1
}

.effect-block.effect-Soft-Fade.public-mode:hover .figcaption {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-description .description {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .layer {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-title .title,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-description .description {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-description .description {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-default.public-mode .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-description .description {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .layer {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-title .title,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-description .description {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-title .title {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-description .description {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (max-width:576px) {
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-lilly.public-mode .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sadie.public-mode .image-title .title {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sadie.public-mode .image-description .description,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sadie.public-mode .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-honey.public-mode .figcaption:before,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-honey.public-mode .image-title .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-honey.public-mode .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-roxy.public-mode .image {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-roxy.public-mode .image.slider {
    opacity: unset
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-roxy.public-mode .image-description .description,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-roxy.public-mode .figcaption::before,
.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-roxy.public-mode .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sarah.public-mode .image {
    opacity: .4;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sarah.public-mode .image.slider {
    opacity: unset
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sarah.public-mode .image-title .title:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sarah.public-mode .layer {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-sarah.public-mode .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-steve.public-mode:before {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-steve.public-mode .image {
    -webkit-transform: perspective(1000px) translate(0, 0, 21px);
    transform: perspective(1000px) translate(0, 0, 21px)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-steve.public-mode .image-description .description {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-steve.public-mode .image-title .title:before {
    opacity: 0
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-goliath.public-mode .image {
    -webkit-transform: translate3d(-80px);
    transform: translateY(-80px)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-goliath.public-mode .image-title .title {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-goliath.public-mode .image-description .description {
    opacity: 1;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0)
}

@media only screen and (max-width:576px) {
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-goliath.public-mode .image-title .title {
        transform: translateY(-80px);
        font-size: .8rem
    }
    .row-on-module-effect:hover .effect-block:not(.uc-slide).effect-goliath.public-mode .image-description .description {
        opacity: 1;
        transform: translateY(-100px);
        font-size: .8rem
    }
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-selena.public-mode .image {
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-selena.public-mode .image-title .title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-selena.public-mode .image-description .description {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-apollo.public-mode .image {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-apollo.public-mode .figcaption:before {
    -webkit-transform: rotate(-45deg) translateX(-350%);
    transform: rotate(-45deg) translateX(-350%)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-apollo.public-mode .layer {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-apollo.public-mode .image-description .description {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-Soft-Fade.public-mode .layer {
    opacity: 1
}

.row-on-module-effect:hover .effect-block:not(.uc-slide).effect-Soft-Fade.public-mode .figcaption {
    opacity: 1
}

.high-z-index {
    z-index: 13
}

.loading-effects:not(.loading-animation) {
    position: relative;
    padding: 40px;
    background-color: #fafaf7
}

.loading-effects .grid__reveal {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}

.loading-effects .row-padding {
    margin: 15px;
    position: relative
}

.loading-effects .grid__deco {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.loading-effects .grid__deco path {
    fill: none;
    stroke: #000;
    stroke-width: 2px
}

.loading-effects svg:not(:root) {
    overflow: hidden
}

.loading-effects .row .col-md-3 {
    position: relative
}

.loading-effects .images-item {
    position: relative
}

.loading-effects .images-item img {
    border-radius: 10px
}

.loading-effects .loading-effect-list {
    text-decoration: none;
    list-style: none;
    padding: 0 15px 0 0
}

.loading-effects .loading-effect-list .control__btn {
    padding: 5px 0;
    border-bottom: 1px solid #f1f1eb;
    cursor: pointer;
    font-size: 13px;
    color: #bbbbaf;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase
}

.loading-effects .loading-effect-list .control__btn:hover {
    color: #4a4a4a;
    font-weight: 900
}

.loading-effects .loading-effect-list .control__btn.active {
    color: green;
    font-weight: 900
}

@media only screen and (min-width:576px) {
    .item-block .item {
        height: 30vw
    }
}

@media only screen and (min-width:786px) {
    .item-block .item {
        height: 19vw
    }
}

@media only screen and (min-width:1300px) {
    .item-block .item {
        height: 12vw
    }
}

@media only screen and (min-width:1020px) and (max-width:1300px) {
    .item-block.col-md-3 {
        flex-basis: 33.333333% !important;
        max-width: 33.333333% !important
    }
    .item-block .item {
        height: 14vw
    }
}

.uc-scroll {
    width: 100%;
    height: 100%;
    max-height: inherit;
    position: relative;
    overflow: hidden
}

.uc-scroll.native-scroll {
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    overflow: auto;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.uc-scroll.visible-scroll {
    overflow-y: visible !important;
    overflow-x: visible !important
}

.native-scroll-box.x-scroll {
    overflow-x: auto
}

.native-scroll-box.y-scroll {
    overflow-y: auto
}

.native-scroll-box:hover::-webkit-scrollbar {
    opacity: .7
}

.native-scroll-box::-webkit-scrollbar {
    opacity: 0;
    width: 5px;
    height: 5px;
    background-color: rgba(238, 238, 238, .58);
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.native-scroll-box::-webkit-scrollbar:hover {
    opacity: 1
}

.native-scroll-box.small::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.native-scroll-box.medium::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.native-scroll-box.large::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.native-scroll-box.x-small::-webkit-scrollbar:horizontal {
    width: 5px;
    height: 5px
}

.native-scroll-box.x-medium::-webkit-scrollbar:horizontal {
    width: 8px;
    height: 8px
}

.native-scroll-box.x-large::-webkit-scrollbar:horizontal {
    width: 12px;
    height: 12px
}

.native-scroll-box::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #d4d4c9
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup .popup-container {
    width: 50%;
    padding: 20px;
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    background: #fff
}

.popup .popup-container label {
    padding-bottom: 12px
}

.popup .popup-container .popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4a4a4a
}

.popup .popup-container .popup-header i svg {
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    opacity: .7
}

.popup .popup-container .popup-header i svg:hover {
    opacity: 1
}

.popup .popup-container .popup-divider {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.popup .popup-container .popup-divider-inner {
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    height: 100%;
    background: #f1f1ea
}

.popup .popup-container .popup-content {
    padding: 0;
    color: #4a4a4a;
    font-size: 13px
}

.popup .popup-container .popup-footer {
    text-align: right
}

.popup .popup-container .popup-footer button {
    font-size: 20px;
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    background-color: #8c8c85;
    border-color: #8c8c85;
    color: #fff
}

@media screen and (max-width:991px) {
    .popup {
        padding-left: 30px;
        padding-right: 30px
    }
    .popup .popup-container {
        width: 100%
    }
}

html:not(.admin-mode) .main-layout.header-fix .header-and-main-rows>.header-rows {
    margin: 0;
    z-index: 10
}

html:not(.admin-mode) .main-layout .header-and-main-rows>.header-rows .header-row.header-row-fix.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

html:not(.admin-mode) .main-layout .header-and-main-rows>.header-rows.header-overlapped {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    z-index: 11
}

html:not(.admin-mode) .main-layout .header-and-main-rows>.header-rows.header-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

html:not(.admin-mode) .main-layout .header-and-main-rows>.header-rows .header-row-wrapper:last-child .header-row {
    margin-bottom: 0 !important
}

html:not(.admin-mode) .main-layout .header-and-main-rows>.header-rows .header-row.header-row-fix.row-forward {
    z-index: 13
}

html:not(.admin-mode) .main-layout.header-overlap .header-and-main-rows>.header-rows {
    margin-top: 0 !important
}

html:not(.admin-mode) .main-layout.header-overlap .header-and-main-rows .main-rows {
    animation: fadeInOverlap 1s cubic-bezier(.4, 0, 1, 1)
}

html:not(.admin-mode) .main-layout.header-overlap:not(.header-fix) .header-and-main-rows>.header-rows {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0
}

html,
body,
body>.main-container,
body>.main-container>.main-body,
body>.main-container>.main-body>.main-layout {
    height: 100%
}

html:not(.admin-mode) {
    min-height: 100%;
    height: auto
}

html:not(.admin-mode) body:not(.popup-body),
html:not(.admin-mode) body:not(.popup-body)>.main-container,
html:not(.admin-mode) body:not(.popup-body)>.main-container>.main-body,
html:not(.admin-mode) body:not(.popup-body)>.main-container>.main-body>.main-layout {
    min-height: 100%;
    height: auto
}

@media only screen and (max-width:810px) {
    body>.main-container {
        -webkit-overflow-scrolling: touch
    }
}

body>textarea:last-child {
    padding: 0;
    min-height: 0 !important;
    line-height: 1px;
    font-size: 1px;
    color: transparent;
    text-shadow: none
}

body>.main-container>.main-body>.main-layout>.header-and-main-rows {
    min-height: 100%
}

@media only screen and (max-width:1030px) {
    html.tablet body {
        cursor: pointer
    }
    html.mobile {
        overflow-x: hidden;
        scrollbar-width: none
    }
    html.mobile::-webkit-scrollbar {
        display: none
    }
    html.mobile body {
        cursor: pointer
    }
}

:-webkit-full-screen-ancestor {
    overflow: visible !important
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0%
    }
    100% {
        background-position: -250px
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0%
    }
    100% {
        background-position: -250px
    }
}

@keyframes Gradient {
    0% {
        background-position: 0%
    }
    100% {
        background-position: -250px
    }
}

@-webkit-keyframes preloader {
    0% {
        background-position: 0
    }
    4% {
        background-position: 0
    }
    4.001% {
        background-position: -30px
    }
    8% {
        background-position: -30px
    }
    8.001% {
        background-position: -60px
    }
    12% {
        background-position: -60px
    }
    12.001% {
        background-position: -90px
    }
    16% {
        background-position: -90px
    }
    16.001% {
        background-position: -120px
    }
    20% {
        background-position: -120px
    }
    20.001% {
        background-position: -150px
    }
    24% {
        background-position: -150px
    }
    24.001% {
        background-position: -180px
    }
    28% {
        background-position: -180px
    }
    28.001% {
        background-position: -210px
    }
    32% {
        background-position: -210px
    }
    32.001% {
        background-position: -240px
    }
    36% {
        background-position: -240px
    }
    36.001% {
        background-position: -270px
    }
    40% {
        background-position: -270px
    }
    40.001% {
        background-position: -300px
    }
    44% {
        background-position: -300px
    }
    44.001% {
        background-position: -330px
    }
    48% {
        background-position: -330px
    }
    48.001% {
        background-position: -360px
    }
    52% {
        background-position: -360px
    }
    52.001% {
        background-position: -390px
    }
    56% {
        background-position: -390px
    }
    56.001% {
        background-position: -420px
    }
    60% {
        background-position: -420px
    }
    60.001% {
        background-position: -450px
    }
    64% {
        background-position: -450px
    }
    64.001% {
        background-position: -480px
    }
    68% {
        background-position: -480px
    }
    68.001% {
        background-position: -510px
    }
    72% {
        background-position: -510px
    }
    72.001% {
        background-position: -540px
    }
    76% {
        background-position: -540px
    }
    76.001% {
        background-position: -570px
    }
    80% {
        background-position: -570px
    }
    80.001% {
        background-position: -600px
    }
    84% {
        background-position: -600px
    }
    84.001% {
        background-position: -630px
    }
    88% {
        background-position: -630px
    }
    88.001% {
        background-position: -660px
    }
    92% {
        background-position: -660px
    }
    92.001% {
        background-position: -690px
    }
    96% {
        background-position: -690px
    }
    96.001% {
        background-position: -720px
    }
    99.999% {
        background-position: -720px
    }
    100% {
        background-position: 0
    }
}

@-moz-keyframes preloader {
    0% {
        background-position: 0
    }
    4% {
        background-position: 0
    }
    4.001% {
        background-position: -30px
    }
    8% {
        background-position: -30px
    }
    8.001% {
        background-position: -60px
    }
    12% {
        background-position: -60px
    }
    12.001% {
        background-position: -90px
    }
    16% {
        background-position: -90px
    }
    16.001% {
        background-position: -120px
    }
    20% {
        background-position: -120px
    }
    20.001% {
        background-position: -150px
    }
    24% {
        background-position: -150px
    }
    24.001% {
        background-position: -180px
    }
    28% {
        background-position: -180px
    }
    28.001% {
        background-position: -210px
    }
    32% {
        background-position: -210px
    }
    32.001% {
        background-position: -240px
    }
    36% {
        background-position: -240px
    }
    36.001% {
        background-position: -270px
    }
    40% {
        background-position: -270px
    }
    40.001% {
        background-position: -300px
    }
    44% {
        background-position: -300px
    }
    44.001% {
        background-position: -330px
    }
    48% {
        background-position: -330px
    }
    48.001% {
        background-position: -360px
    }
    52% {
        background-position: -360px
    }
    52.001% {
        background-position: -390px
    }
    56% {
        background-position: -390px
    }
    56.001% {
        background-position: -420px
    }
    60% {
        background-position: -420px
    }
    60.001% {
        background-position: -450px
    }
    64% {
        background-position: -450px
    }
    64.001% {
        background-position: -480px
    }
    68% {
        background-position: -480px
    }
    68.001% {
        background-position: -510px
    }
    72% {
        background-position: -510px
    }
    72.001% {
        background-position: -540px
    }
    76% {
        background-position: -540px
    }
    76.001% {
        background-position: -570px
    }
    80% {
        background-position: -570px
    }
    80.001% {
        background-position: -600px
    }
    84% {
        background-position: -600px
    }
    84.001% {
        background-position: -630px
    }
    88% {
        background-position: -630px
    }
    88.001% {
        background-position: -660px
    }
    92% {
        background-position: -660px
    }
    92.001% {
        background-position: -690px
    }
    96% {
        background-position: -690px
    }
    96.001% {
        background-position: -720px
    }
    99.999% {
        background-position: -720px
    }
    100% {
        background-position: 0
    }
}

@-o-keyframes preloader {
    0% {
        background-position: 0
    }
    4% {
        background-position: 0
    }
    4.001% {
        background-position: -30px
    }
    8% {
        background-position: -30px
    }
    8.001% {
        background-position: -60px
    }
    12% {
        background-position: -60px
    }
    12.001% {
        background-position: -90px
    }
    16% {
        background-position: -90px
    }
    16.001% {
        background-position: -120px
    }
    20% {
        background-position: -120px
    }
    20.001% {
        background-position: -150px
    }
    24% {
        background-position: -150px
    }
    24.001% {
        background-position: -180px
    }
    28% {
        background-position: -180px
    }
    28.001% {
        background-position: -210px
    }
    32% {
        background-position: -210px
    }
    32.001% {
        background-position: -240px
    }
    36% {
        background-position: -240px
    }
    36.001% {
        background-position: -270px
    }
    40% {
        background-position: -270px
    }
    40.001% {
        background-position: -300px
    }
    44% {
        background-position: -300px
    }
    44.001% {
        background-position: -330px
    }
    48% {
        background-position: -330px
    }
    48.001% {
        background-position: -360px
    }
    52% {
        background-position: -360px
    }
    52.001% {
        background-position: -390px
    }
    56% {
        background-position: -390px
    }
    56.001% {
        background-position: -420px
    }
    60% {
        background-position: -420px
    }
    60.001% {
        background-position: -450px
    }
    64% {
        background-position: -450px
    }
    64.001% {
        background-position: -480px
    }
    68% {
        background-position: -480px
    }
    68.001% {
        background-position: -510px
    }
    72% {
        background-position: -510px
    }
    72.001% {
        background-position: -540px
    }
    76% {
        background-position: -540px
    }
    76.001% {
        background-position: -570px
    }
    80% {
        background-position: -570px
    }
    80.001% {
        background-position: -600px
    }
    84% {
        background-position: -600px
    }
    84.001% {
        background-position: -630px
    }
    88% {
        background-position: -630px
    }
    88.001% {
        background-position: -660px
    }
    92% {
        background-position: -660px
    }
    92.001% {
        background-position: -690px
    }
    96% {
        background-position: -690px
    }
    96.001% {
        background-position: -720px
    }
    99.999% {
        background-position: -720px
    }
    100% {
        background-position: 0
    }
}

@keyframes preloader {
    0% {
        background-position: 0
    }
    4% {
        background-position: 0
    }
    4.001% {
        background-position: -30px
    }
    8% {
        background-position: -30px
    }
    8.001% {
        background-position: -60px
    }
    12% {
        background-position: -60px
    }
    12.001% {
        background-position: -90px
    }
    16% {
        background-position: -90px
    }
    16.001% {
        background-position: -120px
    }
    20% {
        background-position: -120px
    }
    20.001% {
        background-position: -150px
    }
    24% {
        background-position: -150px
    }
    24.001% {
        background-position: -180px
    }
    28% {
        background-position: -180px
    }
    28.001% {
        background-position: -210px
    }
    32% {
        background-position: -210px
    }
    32.001% {
        background-position: -240px
    }
    36% {
        background-position: -240px
    }
    36.001% {
        background-position: -270px
    }
    40% {
        background-position: -270px
    }
    40.001% {
        background-position: -300px
    }
    44% {
        background-position: -300px
    }
    44.001% {
        background-position: -330px
    }
    48% {
        background-position: -330px
    }
    48.001% {
        background-position: -360px
    }
    52% {
        background-position: -360px
    }
    52.001% {
        background-position: -390px
    }
    56% {
        background-position: -390px
    }
    56.001% {
        background-position: -420px
    }
    60% {
        background-position: -420px
    }
    60.001% {
        background-position: -450px
    }
    64% {
        background-position: -450px
    }
    64.001% {
        background-position: -480px
    }
    68% {
        background-position: -480px
    }
    68.001% {
        background-position: -510px
    }
    72% {
        background-position: -510px
    }
    72.001% {
        background-position: -540px
    }
    76% {
        background-position: -540px
    }
    76.001% {
        background-position: -570px
    }
    80% {
        background-position: -570px
    }
    80.001% {
        background-position: -600px
    }
    84% {
        background-position: -600px
    }
    84.001% {
        background-position: -630px
    }
    88% {
        background-position: -630px
    }
    88.001% {
        background-position: -660px
    }
    92% {
        background-position: -660px
    }
    92.001% {
        background-position: -690px
    }
    96% {
        background-position: -690px
    }
    96.001% {
        background-position: -720px
    }
    99.999% {
        background-position: -720px
    }
    100% {
        background-position: 0
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes spinner {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes spinner {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes spinner {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px) translateZ(0);
        -o-transform: translateY(20px) translateZ(0);
        -ms-transform: translateY(20px) translateZ(0);
        -webkit-transform: translateY(20px) translateZ(0);
        transform: translateY(20px) translateZ(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0px) translateZ(0);
        -o-transform: translateY(0px) translateZ(0);
        -ms-transform: translateY(0px) translateZ(0);
        -webkit-transform: translateY(0px) translateZ(0);
        transform: translateY(0px) translateZ(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px) translateZ(0);
        -o-transform: translateY(20px) translateZ(0);
        -ms-transform: translateY(20px) translateZ(0);
        -webkit-transform: translateY(20px) translateZ(0);
        transform: translateY(20px) translateZ(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0px) translateZ(0);
        -o-transform: translateY(0px) translateZ(0);
        -ms-transform: translateY(0px) translateZ(0);
        -webkit-transform: translateY(0px) translateZ(0);
        transform: translateY(0px) translateZ(0)
    }
}

@keyframes fadeInOverlap {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

html.mobile .container .column .column-container div.module-container {
    padding-right: calc(var(--half-gutter-width)/4);
    padding-left: calc(var(--half-gutter-width)/4)
}

html.mobile body.no-scroll:not(open-popup) {
    position: fixed
}

html.mobile body .footer-rows {
    overflow: hidden
}

html.mobile body .footer-rows.overflow-initial {
    overflow: initial
}

html body.mobile .container .column .column-container div.module-container {
    padding-right: calc(var(--half-gutter-width)/4);
    padding-left: calc(var(--half-gutter-width)/4)
}

html body.mobile body.no-scroll {
    position: fixed
}

html body.loading {
    filter: blur(5px) brightness(.9)
}

html body.loading * {
    pointer-events: none !important
}

html.no-scroll {
    overflow: hidden
}

html.mobile.preview-mode::-webkit-scrollbar,
html.tablet.preview-mode::-webkit-scrollbar {
    opacity: 0;
    width: 0;
    height: 5px;
    background-color: rgba(238, 238, 238, .58);
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

html.mobile.preview-mode::-webkit-scrollbar:hover,
html.tablet.preview-mode::-webkit-scrollbar:hover {
    opacity: 1
}

html.mobile.preview-mode::-webkit-scrollbar-thumb,
html.tablet.preview-mode::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #d4d4c9
}

.uc-row .vidoeYoutubeContent,
.header-rows .vidoeYoutubeContent,
.footer-rows .vidoeYoutubeContent,
.uc-row .vidoeVimeoContent,
.header-rows .vidoeVimeoContent,
.footer-rows .vidoeVimeoContent {
    pointer-events: none
}

.uc-row .video-cover,
.header-rows .video-cover,
.footer-rows .video-cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: all
}

.accounts-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1eb;
    z-index: 12;
    pointer-events: none;
    display: none;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: -moz-transform .33s cubic-bezier(.694, .0482, .335, 1);
    -o-transition: -o-transform .33s cubic-bezier(.694, .0482, .335, 1);
    transition: transform .33s cubic-bezier(.694, .0482, .335, 1);
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1)
}

.accounts-popup.show {
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.2, 1, .3, 1);
    transition: all .3s cubic-bezier(.2, 1, .3, 1);
    pointer-events: all !important;
    z-index: 10000;
    display: block !important
}

.accounts-popup .loading-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: all .8s cubic-bezier(.2, 1, .3, 1);
    transition: all .8s cubic-bezier(.2, 1, .3, 1);
    background-color: #fafaf7;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none
}

.accounts-popup .loading-container.show {
    opacity: 1;
    -moz-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1)
}

.accounts-popup iframe {
    height: 100%;
    width: 100%
}

.logomaker-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1eb;
    z-index: 12;
    pointer-events: none;
    display: none;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: -moz-transform .33s cubic-bezier(.694, .0482, .335, 1);
    -o-transition: -o-transform .33s cubic-bezier(.694, .0482, .335, 1);
    transition: transform .33s cubic-bezier(.694, .0482, .335, 1);
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1)
}

.logomaker-popup.show {
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.2, 1, .3, 1);
    transition: all .3s cubic-bezier(.2, 1, .3, 1);
    pointer-events: all !important;
    z-index: 10000;
    display: block !important
}

.logomaker-popup .loading-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: all .8s cubic-bezier(.2, 1, .3, 1);
    transition: all .8s cubic-bezier(.2, 1, .3, 1);
    background-color: #fafaf7;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.logomaker-popup .loading-container.show {
    opacity: 1;
    -moz-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1)
}

.logomaker-popup iframe {
    height: 100%;
    width: 100%
}

.no-scroll {
    overflow: hidden
}

html.admin body {
    overflow-x: hidden
}

html.mouse *:focus,
html.mouse *:focus>.outline,
html.admin *:focus {
    outline: none !important
}

.ModuleAccordion {
    width: 100%;
    vertical-align: top
}

.ModuleAccordion .accordion-margin-controller .margin-container {
    color: #000;
    letter-spacing: 0
}

.ModuleAccordion .accordion-container {
    padding: 0
}

.ModuleAccordion .accordion-container .accordion-item {
    align-items: flex-start;
    padding-left: 10px;
    flex-direction: row;
    border-radius: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.ModuleAccordion .accordion-container .accordion-item:last-child {
    margin-bottom: 0 !important
}

.ModuleAccordion .accordion-container .accordion-item .accordion-item-content {
    border: solid transparent
}

.ModuleAccordion .accordion-container .accordion-item .accordion-item-content .accordion-item-title-wrapper .icon-container .custom-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item {
    padding-left: 0 !important
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .icon-container i svg {
    display: flex
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-title {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 1
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-title .accordion-item-title-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-title .accordion-item-title-wrapper .title-container {
    margin-left: 10px;
    cursor: pointer;
    user-select: none;
    word-break: break-word;
    width: 100%;
    padding-left: 0 !important;
    pointer-events: none
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-title .accordion-item-title-wrapper .icon-container {
    margin-right: 0;
    margin-left: 25px;
    cursor: pointer;
    color: #444;
    display: flex;
    align-items: center
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-title .accordion-item-title-wrapper .icon-container:hover {
    color: #888
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content {
    text-align: left;
    flex: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description {
    line-height: 1
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description .description-container {
    margin-bottom: 10px;
    display: none;
    word-break: break-word;
    white-space: pre-line;
    -webkit-font-smoothing: antialiased;
    padding: 0 20px
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description .description-container ol {
    list-style-position: inside
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description .description-container.background-highlight>* {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description .description-container * {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    letter-spacing: inherit
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description .description-container *:not(strong) {
    font-weight: inherit
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description,
.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description x:-moz-any-link,
.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description x:default {
    transform: translateY(-1em);
    transition: all .2s ease-in-out;
    margin-bottom: -1em
}

.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description:not(.collapsed),
.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description x:-moz-any-link:not(.collapsed),
.ModuleAccordion .accordion-module-container.style1 .accordion-item .accordion-item-content .accordion-item-description x:default:not(.collapsed) {
    margin-bottom: 0
}

html.admin .module-container.ModuleAccount>div {
    display: flex
}

html:not(.admin) .module-container.ModuleAccount {
    display: flex;
    align-items: center;
    justify-content: center
}

html.no-scroll {
    overflow: hidden
}

html.no-scroll body {
    overflow: hidden
}

.account-row {
    z-index: 1
}

.account-row .column {
    overflow: visible !important
}

.cashout-message .id {
    color: #52a178;
    font-size: 14px;
    padding-bottom: 10px
}

.cashout-message .cashout-date {
    color: #303838;
    font-size: 12px
}

.cashout-message .cashout-amount {
    color: #303838;
    font-size: 14px
}

.as-link {
    cursor: pointer
}

.btn-disabled {
    pointer-events: none
}

.uc-account-btn {
    display: inline-block;
    width: auto;
    min-width: 220px;
    height: 40px;
    line-height: 40px;
    padding: 0 50px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: none
}

.uc-account-btn:first-child {
    margin-bottom: 5px
}

.uc-account-btn.uc-account-small {
    min-width: 120px
}

.uc-login-register-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.uc-login-register-buttons.vertical {
    flex-direction: column
}

.uc-login-register-buttons.vertical>a:first-child,
.uc-login-register-buttons.vertical>div:first-child a {
    margin-top: 0 !important
}

.uc-login-register-buttons:not(.vertical)>a:first-child:last-child,
.uc-login-register-buttons:not(.vertical)>div:first-child:last-child a {
    margin: 0 !important
}

.uc-login-register-buttons>.link {
    cursor: pointer
}

.uc-login-register-buttons div {
    display: flex;
    align-items: center;
    justify-content: center
}

.oauth-container {
    height: 70px;
    display: flex;
    justify-content: center
}

.oauth-container div {
    cursor: pointer;
    margin-top: 17px;
    margin-left: 2px;
    width: 80px;
    height: 35px;
    background: #fff
}

.oauth-container div .provider {
    width: 50px
}

.wallet-container .iframe-layer .iframe-container:not(.loading) {
    background: rgba(255, 255, 255, .9);
    position: relative
}

.wallet-container .iframe-layer .iframe-container:not(.loading) iframe {
    height: 100vh;
    width: 800px;
    max-width: 100%
}

.wallet-container .iframe-layer .uci-close {
    z-index: 555555;
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 15px;
    color: #a09a9a
}

.loggedInStateButtons {
    position: relative;
    font-size: 10px;
    display: flex;
    align-items: center
}

.loggedInStateButtons>*:not(.compact-view-container) {
    height: 42px;
    display: flex
}

.loggedInStateButtons>*:not(.compact-view-container).money {
    align-items: flex-end;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center
}

.loggedInStateButtons:not(.compact) .profile-image {
    margin-right: 15px
}

.loggedInStateButtons:not(.compact) .profile-image:hover .profile-overlay {
    opacity: 1
}

.loggedInStateButtons:not(.compact) .profile-image~* {
    padding: 0 15px;
    border-width: 0 0 0 1px;
    border-style: solid;
    cursor: pointer;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center
}

.loggedInStateButtons:not(.compact) .profile-image~* * {
    color: inherit
}

.loggedInStateButtons .profile-image {
    position: relative;
    display: block;
    width: 42px;
    margin-left: 15px;
    background: url(/assets/addon/avatar.png);
    background-size: cover;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0
}

.loggedInStateButtons .profile-image .profile-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.loggedInStateButtons .profile-image .profile-overlay .overlay-icon {
    font-size: 24px
}

.loggedInStateButtons .header-icon {
    font-size: 30px
}

.loggedInStateButtons span+.header-icon {
    font-size: 22px
}

.loggedInStateButtons .userBalance {
    font-size: 14px
}

.loggedInStateButtons .compact-view-container {
    position: absolute;
    top: 100%;
    padding-top: 10px;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    z-index: 12;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.loggedInStateButtons .compact-view-container.right {
    right: 0
}

.loggedInStateButtons .compact-view-container.right:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4.5px 8px
}

.loggedInStateButtons .compact-view-container.left {
    left: 20px
}

.loggedInStateButtons .compact-view-container.left:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4.5px 8px
}

.loggedInStateButtons .compact-view-container ul {
    font-size: 14px;
    list-style-type: none;
    padding: 0
}

.loggedInStateButtons .compact-view-container ul li:not(:last-child) {
    border-width: 0 0 1px;
    border-style: solid
}

.loggedInStateButtons .compact-view-container a {
    height: 45px;
    padding: 0 20px;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center
}

.loggedInStateButtons .compact-view-container .icon {
    margin-right: 10px;
    color: inherit;
    opacity: 1;
    margin-top: 4px
}

.uc-account:not(.page) {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    pointer-events: none;
    z-index: 1000
}

.uc-account {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.uc-account form {
    width: 100%
}

.uc-account .account-info input[type=text] .status,
.uc-account .account-info input[type=password] .status,
.uc-account .account-info input[type=number] .status,
.uc-account .account-info input[type=email] .status,
.uc-account .account-info textarea .status,
.uc-account .account-info select .status {
    color: #d14343
}

.uc-account .account-info input[type=text].error,
.uc-account .account-info input[type=password].error,
.uc-account .account-info input[type=number].error,
.uc-account .account-info input[type=email].error,
.uc-account .account-info textarea.error,
.uc-account .account-info select.error {
    border-color: #d14343 !important;
    box-shadow: none
}

.uc-account .account-info input[type=checkbox].error>span:before {
    border-color: #d14343 !important;
    box-shadow: none
}

.uc-account .account-info input[type=radio].error>span:before {
    border-color: #d14343 !important;
    box-shadow: none
}

.uc-account .account-info .error .datepicker-block input {
    border-color: #d14343 !important;
    box-shadow: none
}

.uc-account .hidden {
    display: none
}

.uc-account.open {
    opacity: 1;
    z-index: 10000;
    pointer-events: all
}

.uc-account select::-ms-expand {
    display: none
}

@-webkit-keyframes uc-button-loader {
    0% {
        height: 0;
        width: 0;
        background-color: inherit
    }
    29% {
        background-color: inherit
    }
    30% {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border-width: 11px;
        opacity: 1
    }
    100% {
        height: 20px;
        width: 20px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

@-moz-keyframes uc-button-loader {
    0% {
        height: 0;
        width: 0;
        background-color: inherit
    }
    29% {
        background-color: inherit
    }
    30% {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border-width: 11px;
        opacity: 1
    }
    100% {
        height: 20px;
        width: 20px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

@keyframes uc-button-loader {
    0% {
        height: 0;
        width: 0;
        background-color: inherit
    }
    29% {
        background-color: inherit
    }
    30% {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border-width: 11px;
        opacity: 1
    }
    100% {
        height: 20px;
        width: 20px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

.account-container span.input-message {
    font-size: 14px
}

.account-container span.input-message svg {
    width: 14px;
    height: 100%;
    visibility: visible
}

.field-password,
.field-password-confirmation {
    display: flex;
    flex-wrap: wrap
}

.field-password input[type=password]::-ms-reveal,
.field-password-confirmation input[type=password]::-ms-reveal,
.field-password input[type=password]::-ms-clear,
.field-password-confirmation input[type=password]::-ms-clear {
    display: none
}

.field-password .icon-visibility,
.field-password-confirmation .icon-visibility {
    right: 0;
    display: flex;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    align-items: center;
    margin: 27px 10px 0;
    height: 45px
}

.uc-login-form-container {
    position: relative;
    text-align: center;
    font-weight: 400;
    height: var(--app-height100);
    -webkit-transition: height .3 ease;
    transition: height .3 ease
}

.uc-login-form-container .liquid-container {
    height: var(--app-height100)
}

.uc-login-form-container .liquid-container .liquid-child {
    height: var(--app-height100)
}

.uc-login-form-container .liquid-container .liquid-child .uc-login-step {
    height: var(--app-height100)
}

.uc-login-form-container span.input-message {
    width: 100%;
    bottom: 40px;
    border-radius: 4px;
    white-space: normal;
    min-height: 36px;
    line-height: 2;
    padding: 8px 10px 8px 30px;
    margin-bottom: 10px;
    font-size: 12px;
    z-index: 15
}

.uc-login-form-container span.input-message>i,
.uc-login-form-container span.input-message>svg {
    font-size: 16px;
    width: 16px;
    top: 50%;
    transform: translateY(-50%);
    visibility: visible
}

.uc-login-form-container span.input-message.msg-hidden {
    opacity: 0;
    pointer-events: none
}

.uc-login-form-container span.input-message div.small-arrow {
    position: absolute;
    top: 100%;
    left: 15%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    content: ''
}

.uc-login-form-container>div {
    position: relative;
    width: 450px;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.uc-login-form-container>div>.uc-login-form-close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 18px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    opacity: .7;
    z-index: 1000;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.uc-login-form-container>div>.uc-login-form-close:hover {
    opacity: 1
}

.uc-login-form-container .uc-login-form-wrapper {
    max-height: var(--sign-up-height);
    padding: 45px 30px 20px;
    overflow-y: auto
}

.uc-login-form-container .uc-login-form-wrapper #rememberMe+span {
    color: inherit;
    font-size: 14px
}

.uc-login-form-container .uc-login-form-wrapper .uc-account-btn {
    margin-top: 15px
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element {
    position: relative;
    margin-bottom: 15px
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element .form-field {
    position: relative
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element .placeholder {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 11px;
    pointer-events: none;
    opacity: .7;
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element .status {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 11px;
    color: rgba(77, 88, 90, .8);
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    -moz-transform: translate(0, -50%) translateZ(0);
    -o-transform: translate(0, -50%) translateZ(0);
    -ms-transform: translate(0, -50%) translateZ(0);
    -webkit-transform: translate(0, -50%) translateZ(0);
    transform: translate(0, -50%) translateZ(0)
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=text],
.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=password],
.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=email],
.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=number],
.uc-login-form-container .uc-login-form-wrapper .form-group .form-element select {
    width: 100%;
    height: 45px;
    padding: 15px 10px 0;
    font-size: 16px;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 4px !important
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=file] {
    box-shadow: none
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element input[type=date] {
    padding: 15px 10px 0
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element select {
    padding-top: 0;
    outline: none
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.field-password .icon-visibility,
.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.field-password-confirmation .icon-visibility {
    padding: 0;
    margin: 0 10px
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.empty .placeholder {
    top: 12px;
    font-size: 16px
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.medium:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    height: 4px;
    background-color: #dbdbdb;
    z-index: 1
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.medium:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-image: -moz-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%);
    background-image: -webkit-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%);
    background-image: -ms-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%)
}

.uc-login-form-container .uc-login-form-wrapper .form-group .form-element.perfect:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-image: -moz-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%);
    background-image: -webkit-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%);
    background-image: -ms-linear-gradient(0deg, #d14343 0%, #e0d272 44%, #57b667 75%, #55ac70 87%, #52a178 100%)
}

.uc-login-form-container .uc-login-form-wrapper .form-group-hint {
    position: relative;
    height: 0;
    overflow: hidden;
    z-index: -1;
    -webkit-transition: height .3 ease;
    transition: height .3 ease
}

.uc-login-form-container .uc-login-form-wrapper .form-group-hint .form-group-hint-block {
    position: relative;
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(110, 124, 124, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(110, 124, 124, .75);
    -webkit-box-shadow: 0 0 5px 0 rgba(110, 124, 124, .75);
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.uc-login-form-container .uc-login-form-wrapper .form-group-hint .form-group-hint-block:before {
    content: '';
    position: absolute;
    top: -11px;
    left: 20px;
    width: 20px;
    height: 20px;
    border: solid rgba(110, 124, 124, .35);
    border-width: 1px 0 0 1px;
    transform: rotate(50deg)
}

.uc-login-form-container .uc-login-form-wrapper .uc-styled-checkbox {
    margin-bottom: 20px;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.uc-login-form-container .uc-login-form-wrapper .uc-styled-checkbox label:before {
    -moz-transform: translate(0, -2px) translateZ(0);
    -o-transform: translate(0, -2px) translateZ(0);
    -ms-transform: translate(0, -2px) translateZ(0);
    -webkit-transform: translate(0, -2px) translateZ(0);
    transform: translate(0, -2px) translateZ(0)
}

.uc-login-form-container .uc-login-form-wrapper .auth-next-step,
.uc-login-form-container .uc-login-form-wrapper .auth-prev-step {
    min-width: auto
}

.uc-login-form-container .uc-login-form-wrapper .submit-join-now {
    min-width: auto
}

.uc-login-form-container .uc-login-step {
    position: relative
}

.uc-login-form-container .uc-login-step .terms-link {
    float: left
}

.uc-login-form-container .uc-login-step .terms-link span {
    width: 18px;
    height: 18px
}

.uc-login-form-container .uc-login-step .title {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.uc-login-form-container .uc-login-step .desc {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}

.uc-login-form-container .uc-login-step[data-step=sign-in] .footer {
    margin-top: 33px;
    font-size: 12px;
    display: flex;
    justify-content: space-between
}

.uc-login-form-container .uc-login-step[data-step=sign-in] .footer .step-change {
    text-decoration: underline
}

.uc-login-form-container .uc-login-step[data-step=forgot-password] .uc-back-to-login {
    position: absolute;
    top: 27px;
    left: 27px;
    font-size: 20px;
    cursor: pointer;
    opacity: .7;
    z-index: 10;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.uc-login-form-container .uc-login-step[data-step=forgot-password] .uc-back-to-login:hover {
    opacity: 1
}

.uc-login-form-container .uc-login-step[data-step=password-saved] .desc {
    text-align: center
}

.uc-login-form-container .uc-login-step[data-step=password-saved] .uc-account-btn:not(:last-child) {
    margin-bottom: 15px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container>div {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .uc-spinner {
    position: absolute
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-img {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #353535;
    border: 1px solid rgba(110, 124, 124, .5);
    border-radius: 3px 3px 3px 3px;
    background: rgba(255, 255, 255, .85)
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-img span {
    height: 100%;
    width: 44px;
    font-size: 25px;
    line-height: 40px;
    background-color: #eee
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-img img {
    width: 165px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-img.loading:after {
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 0 solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    -webkit-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    -moz-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1)
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-img.loading img {
    opacity: .3;
    background: #000
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .captcha-container .capcha-input {
    padding-right: 20px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .row {
    margin: 0 -8px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .row [class*=col-] {
    padding: 0 8px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .uc-styled-checkbox label {
    width: auto !important
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .uc-styled-checkbox label span {
    font-size: 14px;
    color: inherit
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .uc-styled-checkbox .step-change {
    text-decoration: underline
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .footer {
    margin-top: 33px;
    font-size: 12px
}

.uc-login-form-container .uc-login-step[data-step=sign-up] .footer span.step-change {
    font-size: 14px
}

.account-container {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 4px 4px 15px;
    display: flex
}

.account-container .overlay-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fffef6;
    z-index: 2;
    opacity: .8
}

.account-container input[disabled] {
    opacity: .5
}

.account-container input[disabled][type=radio]+span {
    pointer-events: none;
    opacity: .5
}

.account-container label.checkbox input[type=radio]+span:before {
    opacity: .7
}

.account-container>.close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 12px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    opacity: .5;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container>.close:hover {
    opacity: 1
}

.account-container>.close-sidebar {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 12px;
    left: 10px;
    font-size: 18px;
    cursor: pointer;
    opacity: .5;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container>.close-sidebar:hover {
    opacity: 1
}

.account-container>.profile-image {
    position: absolute;
    left: 20px;
    top: 8px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    overflow: hidden
}

.account-container .uc-account-btn {
    font-size: 14px
}

.account-container .uc-account-btn.btn-primary.disabled {
    opacity: .5;
    pointer-events: none
}

.account-container .uc-account-btn.btn-primary:hover {
    background-image: -moz-linear-gradient(-90deg, #52a178 0%, #268554 100%);
    background-image: -webkit-linear-gradient(-90deg, #52a178 0%, #268554 100%);
    background-image: -ms-linear-gradient(-90deg, #52a178 0%, #268554 100%)
}

.account-container .uc-account-btn.btn-primary:focus {
    background-image: -moz-linear-gradient(-90deg, #268554 0%, #52a178 100%);
    background-image: -webkit-linear-gradient(-90deg, #268554 0%, #52a178 100%);
    background-image: -ms-linear-gradient(-90deg, #268554 0%, #52a178 100%);
    box-shadow: inset 0 0 4.15px .85px rgba(0, 0, 0, .3)
}

.account-container .uc-account-btn.btn-primary2 {
    background-color: transparent;
    border: 1px solid
}

.account-container .uc-account-btn.btn-secondary:hover {
    background-image: -moz-linear-gradient(-90deg, #ff8067 0%, #fe6041 100%);
    background-image: -webkit-linear-gradient(-90deg, #ff8067 0%, #fe6041 100%);
    background-image: -ms-linear-gradient(-90deg, #ff8067 0%, #fe6041 100%)
}

.account-container .uc-account-btn.btn-secondary:focus {
    background-image: -moz-linear-gradient(-90deg, #fe6041 0%, #ff8067 100%);
    background-image: -webkit-linear-gradient(-90deg, #fe6041 0%, #ff8067 100%);
    background-image: -ms-linear-gradient(-90deg, #fe6041 0%, #ff8067 100%);
    box-shadow: inset 0 0 4.15px .85px rgba(0, 0, 0, .3)
}

.account-container .uc-account-btn.btn-secondary2 {
    color: #006aa6;
    background-color: transparent;
    border: 1px solid #006aa6
}

.account-container .uc-account-btn.btn-secondary2:hover {
    color: #fff;
    background-color: #006aa6
}

.account-container .uc-account-btn.small {
    min-width: 120px;
    padding: 0 30px
}

.account-container .tab-container {
    margin: 0 -10px 40px;
    padding-bottom: 1px;
    overflow: hidden;
    overflow-x: auto;
    border-top-left-radius: 4px;
    z-index: 1;
    display: flex;
    flex-shrink: 0
}

.account-container .tab-container+div {
    flex: 1
}

.account-container .tab-container .tab-item {
    position: relative;
    min-width: 155px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 -1px -1px;
    padding: 0 15px;
    border-width: 0 1px 1px;
    border-style: solid;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    -webkit-transition: background-color .3 ease;
    transition: background-color .3 ease
}

.account-container .tab-container .tab-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .tab-container .tab-item:hover,
.account-container .tab-container .tab-item.selected {
    font-weight: 700;
    border-bottom-color: transparent
}

.account-container .tab-container .tab-item:hover:before,
.account-container .tab-container .tab-item.selected:before {
    opacity: 1
}

.account-container .tab-container .tab-item:first-child {
    border-left: 0
}

.account-container .tab-inner-container {
    margin-bottom: 40px;
    border-width: 0 0 1px;
    border-style: solid;
    overflow: auto;
    display: flex;
    flex-direction: row
}

.account-container .tab-inner-container .tab-inner-item {
    position: relative;
    width: 140px;
    cursor: pointer;
    float: left;
    text-align: center;
    padding-bottom: 20px;
    flex-shrink: 0
}

.account-container .tab-inner-container .tab-inner-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .tab-inner-container .tab-inner-item:hover:before,
.account-container .tab-inner-container .tab-inner-item.selected:before {
    opacity: 1
}

.account-container .info {
    position: relative;
    text-align: justify;
    margin-bottom: 40px;
    padding: 20px 20px 20px 50px;
    border-radius: 4px
}

.account-container .info span[class^=uci-] {
    position: absolute;
    top: 50%;
    left: 10px;
    font-size: 30px;
    transform: translateY(-50%)
}

.account-container .form-container .form-group {
    display: flex;
    justify-content: space-between
}

.account-container .form-container .form-group.small .form-element:not(:last-child) {
    margin-right: 10px
}

.account-container .form-container .form-group .form-element {
    flex: 1;
    position: relative
}

.account-container .form-container .form-group .form-element .form-field {
    position: relative
}

.account-container .form-container .form-group .form-element .form-field.error input {
    border-color: #d14343
}

.account-container .form-container .form-group .form-element .form-field input {
    margin: 0 !important
}

.account-container .form-container .form-group .form-element:not(:last-child) {
    margin-right: 20px
}

.account-container .form-container .form-group .form-element.medium {
    width: 190px;
    flex: initial
}

.account-container .form-container .form-group .form-element.small {
    width: 140px;
    flex: initial
}

.account-container .form-container .form-group .form-element input,
.account-container .form-container .form-group .form-element select {
    font-size: 14px
}

.account-container .form-container .form-group .form-element>div {
    display: flex;
    justify-content: space-between
}

.account-container .form-container .form-group .form-element>div.small>input:not(:last-child) {
    margin-right: 10px
}

.account-container .form-container .form-group .form-element>div>div {
    position: relative;
    width: 100%
}

.account-container .form-container .form-group .form-element>div:not(.from):not(.to)>input:not(:last-child):not(.flatpickr-input),
.account-container .form-container .form-group .form-element>div>div:not(:last-child):not(.flatpickr-input) {
    margin-right: 20px
}

.account-container .form-container .form-group .form-element>div:not(.from):not(.to)>input:not(:last-child).flatpickr-input+input,
.account-container .form-container .form-group .form-element>div>div:not(:last-child).flatpickr-input+input {
    margin-right: 0 !important
}

.account-container .form-container .form-group .form-element label {
    display: block;
    padding-bottom: 10px;
    white-space: nowrap;
    color: inherit;
    font-size: 14px
}

.account-container .form-container .form-group .form-element .checkbox-group>label {
    display: inline-block;
    width: 90px;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 14px
}

.account-container .form-container .form-group .form-element .checkbox-group>label span {
    color: inherit;
    font-size: 14px
}

.account-container .form-container .form-group .form-element.inline {
    display: flex;
    align-items: center;
    flex: 0
}

.account-container .form-container .form-group .form-element.inline label {
    margin-right: 15px;
    padding: 0
}

.account-container .form-container .form-group .form-element.inline select,
.account-container .form-container .form-group .form-element.inline input {
    width: 140px
}

.account-container .form-container .form-group .form-element.disabled {
    opacity: .5;
    pointer-events: none
}

.account-container .form-container .form-group .btn-input {
    position: relative
}

.account-container .form-container .form-group .btn-input input {
    padding-right: 150px
}

.account-container .form-container .form-group .btn-input .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px !important;
    height: 40px !important;
    line-height: 40px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 0 4px 4px 0 !important
}

.account-container .form-container input[type=text],
.account-container .form-container input[type=password],
.account-container .form-container input[type=number],
.account-container .form-container input[type=email],
.account-container .form-container select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 4px;
    outline: none
}

.account-container .form-container input[type=text]:focus,
.account-container .form-container input[type=password]:focus,
.account-container .form-container input[type=number]:focus,
.account-container .form-container input[type=email]:focus,
.account-container .form-container select:focus {
    box-shadow: none
}

.account-container .table-block {
    overflow: auto;
    display: flex;
    flex: 1;
    flex-direction: column
}

.account-container .table-view-switcher {
    margin-bottom: 10px;
    padding-right: 15px;
    font-size: 20px;
    text-align: right
}

.account-container .table-view-switcher span {
    cursor: pointer
}

.account-container .table-switched-container {
    overflow: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.account-container .table-switched-container .table-switched-block {
    width: 49%;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid rgba(193, 193, 193, .5);
    display: flex;
    flex-direction: column
}

.account-container .table-switched-container .table-switched-block>div {
    min-height: 50px;
    display: flex
}

.account-container .table-switched-container .table-switched-block>div:not(:last-child) {
    border-bottom: 1px solid rgba(193, 193, 193, .5)
}

.account-container .table-switched-container .table-switched-block>div.bets {
    flex: 1
}

.account-container .table-switched-container .table-switched-block>div.bets>div:last-child {
    justify-content: center;
    flex-direction: column
}

.account-container .table-switched-container .table-switched-block>div>div {
    padding: 5px 10px;
    text-align: center;
    display: flex;
    align-items: center
}

.account-container .table-switched-container .table-switched-block>div>div:first-child {
    width: 100px;
    font-weight: 700;
    justify-content: center
}

.account-container .table-switched-container .table-switched-block>div>div:last-child {
    flex: 1
}

.account-container .table-switched-container .table-switched-block>div>div.date {
    justify-content: space-between
}

.account-container .from-to-container>span {
    margin: 0 10px;
    font-size: 25px;
    font-weight: 300
}

.account-container .from-to-container:first-child .from #ui-datepicker-div {
    left: 0 !important;
    transform: translateX(0)
}

.account-container .from-to-container:first-child .from #ui-datepicker-div:before {
    left: 30px;
    margin-left: 0
}

.account-container .from-to-container:first-child .from #ui-datepicker-div:after {
    height: 15px;
    left: 20px;
    margin-left: 0
}

.account-container .filter-header.form-container {
    margin-bottom: 20px;
    padding: 0 15px
}

.account-container .filter-header.form-container:not(.mobile) {
    height: 70px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0
}

.account-container .filter-header.form-container.mobile {
    position: relative;
    border-radius: 4px;
    z-index: 1
}

.account-container .filter-header.form-container.mobile .filter-opener {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-container .filter-header.form-container.mobile .filter-opener [class*=icon] {
    font-size: 22px
}

.account-container .filter-header.form-container.mobile .filter-body {
    border-style: solid;
    border-width: 1px 0 0;
    padding: 15px 0
}

.account-container .filter-header.form-container.mobile .form-group:not(:last-child) {
    margin-bottom: 10px
}

.account-container .filter-header.form-container.mobile .form-element {
    margin-right: 20px
}

.account-container .filter-header.form-container.mobile .from-to-elements {
    display: flex;
    flex-direction: row;
    align-items: center
}

.account-container .filter-header.form-container.mobile .from-to-elements>div {
    margin: 0 !important
}

.account-container .filter-header.form-container.mobile .from-to-elements .separator {
    margin: 0 5px;
    font-size: 25px;
    font-weight: 300
}

.account-container .filter-header.form-container .form-group .form-element {
    margin: 0 30px 0 0
}

.account-container .filter-header.form-container .form-group .form-element:last-child {
    margin: 0
}

.account-container .card-container {
    position: relative;
    width: 720px;
    min-height: 150px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.account-container .card-container .card-blocks {
    width: 100%;
    border: 1px solid rgba(193, 193, 193, .5);
    overflow: auto;
    display: flex;
    flex-wrap: wrap
}

.account-container .card-container .card-block {
    width: 33.3333333333%;
    margin-top: 2px
}

.account-container .card-container .card-block.selected .card-info {
    display: block
}

.account-container .card-container .card-block:nth-child(3n+3) .card-image {
    border-right: 0
}

.account-container .card-container .card-block .card-image {
    position: relative;
    width: 100%;
    height: 100px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: background-color .3 ease;
    transition: background-color .3 ease
}

.account-container .card-container .card-block .card-image img {
    width: auto;
    max-width: 150px;
    max-height: 50px
}

.account-container .card-container .card-block:nth-child(1) {
    margin-top: 0
}

.account-container .card-container .card-block:nth-child(3n+1) .card-info {
    -moz-transform: translateX(0%) translateZ(0);
    -o-transform: translateX(0%) translateZ(0);
    -ms-transform: translateX(0%) translateZ(0);
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0)
}

.account-container .card-container .card-block:nth-child(2) {
    margin-top: 0
}

.account-container .card-container .card-block:nth-child(3n+2) .card-info {
    -moz-transform: translateX(-33.3333333333%) translateZ(0);
    -o-transform: translateX(-33.3333333333%) translateZ(0);
    -ms-transform: translateX(-33.3333333333%) translateZ(0);
    -webkit-transform: translateX(-33.3333333333%) translateZ(0);
    transform: translateX(-33.3333333333%) translateZ(0)
}

.account-container .card-container .card-block:nth-child(3) {
    margin-top: 0
}

.account-container .card-container .card-block:nth-child(3n+3) .card-info {
    -moz-transform: translateX(-66.6666666667%) translateZ(0);
    -o-transform: translateX(-66.6666666667%) translateZ(0);
    -ms-transform: translateX(-66.6666666667%) translateZ(0);
    -webkit-transform: translateX(-66.6666666667%) translateZ(0);
    transform: translateX(-66.6666666667%) translateZ(0)
}

.account-container .card-container .card-block .card-info {
    display: none;
    width: 300%;
    margin-bottom: -2px;
    padding: 20px 20px 30px;
    border-bottom: 1px solid rgba(193, 193, 193, .5);
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .card-container .card-block .card-info .card-form {
    max-width: 300px;
    margin: 15px auto 0
}

.account-container .card-container .card-block .card-info .card-form .sb-input-inner-label>span {
    opacity: .7
}

.account-container .card-container .card-block .card-info .card-form .form-group {
    flex-direction: column
}

.account-container .card-container .card-block .card-info .card-form .form-group .form-element {
    margin-right: 0
}

.account-container .card-container .card-block .card-info .card-button {
    margin-top: 20px;
    text-align: center
}

.account-container .pagination {
    margin-top: 30px;
    padding: 0;
    display: flex
}

.account-container .pagination li {
    width: 36px;
    height: 36px;
    color: #303838;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.account-container .pagination li.active,
.account-container .pagination li:not(.disabled):hover {
    font-weight: 700
}

.account-container .pagination li.disabled {
    color: rgba(48, 56, 56, .5);
    cursor: default
}

.account-container .pagination li:not(:last-child) {
    margin-right: 10px
}

.account-container .pagination li.first:before {
    transform: rotate(90deg)
}

.account-container .pagination li.last:before {
    transform: rotate(-90deg)
}

.account-container .pagination-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0
}

.account-container .pagination-block .form-element {
    margin-bottom: 0
}

.account-container .profile-info {
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 6px;
    border-radius: 4px;
    -webkit-transition: padding .3 ease;
    transition: padding .3 ease
}

.account-container .profile-info.change-image .profile-header {
    position: relative
}

.account-container .profile-info.change-image .image-upload-container {
    opacity: 1;
    pointer-events: all
}

.account-container .profile-info .image-block {
    position: relative;
    width: 140px;
    margin: 0 auto 25px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.account-container .profile-info .image-block .profile-image-big {
    width: 100%;
    height: 140px;
    background-size: cover;
    background-position: center center
}

.account-container .profile-info .image-block input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1000;
    cursor: pointer
}

.account-container .profile-info .image-block .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .profile-info .image-block .overlay [class^=uci-] {
    font-size: 20px
}

.account-container .profile-info .image-block .overlay span:first-child {
    font-size: 22px
}

.account-container .profile-info .image-block .overlay span:last-child {
    margin-top: 10px;
    font-weight: 300;
    text-transform: uppercase
}

.account-container .profile-info .image-block:hover .overlay {
    opacity: 1;
    pointer-events: all
}

.account-container .profile-info .profile-name,
.account-container .profile-info .total-commission {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-container .profile-info .total-commission {
    font-size: 14px
}

.account-container .profile-info .total-commission span {
    display: block
}

.account-container .profile-info .profile-commission-preloader,
.account-container .profile-info .profile-change-avatar-preloader {
    height: 30px;
    position: relative;
    pointer-events: none
}

.account-container .profile-info .profile-commission-preloader:after,
.account-container .profile-info .profile-change-avatar-preloader:after {
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .4);
    border: 0 solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    -moz-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1)
}

.account-container .profile-info .profile-id {
    margin-bottom: 20px;
    font-size: 12px;
    opacity: .5
}

.account-container .profile-info .balance {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.account-container .profile-info .balance .total {
    padding: 15px 0
}

.account-container .profile-info .balance .total.bonus {
    padding: 6px 0;
    position: relative;
    font-size: 11px;
    opacity: .7
}

.account-container .profile-info .balance .total.bonus .bonus_balance {
    font-size: 11px
}

.account-container .profile-info .balance span {
    display: block;
    white-space: nowrap
}

.account-container .profile-info .balance span:first-child {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px
}

.account-container .profile-info .balance span:last-child {
    font-size: 13px;
    font-weight: 400
}

.account-container .profile-info .image-upload-container {
    position: absolute;
    top: 0;
    left: 100%;
    width: 475px;
    margin-left: 10px;
    padding: 25px;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .profile-info .image-upload-container:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 80px;
    width: 14px;
    height: 14px;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
    transform: rotate(45deg)
}

.account-container .profile-info .image-upload-container:after {
    content: '';
    position: absolute;
    top: 75px;
    left: 0;
    width: 20px;
    height: 25px;
    z-index: 2
}

.account-container .profile-info .image-upload-container .image-upload-block {
    position: relative;
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center
}

.account-container .profile-info .image-upload-container .image-upload-block>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .profile-info .image-upload-container .image-upload-block>div *:not(:last-child) {
    margin-bottom: 10px
}

.account-container .profile-info .image-upload-container .image-upload-block>div.uploaded {
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.account-container .profile-info .image-upload-container .image-upload-block>div.uploaded img {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    border-radius: 100%;
    object-fit: cover
}

.account-container .profile-info .image-upload-container .image-upload-block [class*=-btn] {
    min-width: 150px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-transform: none
}

.account-container .profile-info .image-upload-container .image-upload-block.empty {
    border-width: 2px;
    border-style: dashed;
    border-radius: 4px
}

.account-container .profile-info .image-upload-container .image-upload-block.uploaded .default {
    opacity: 0;
    pointer-events: none
}

.account-container .profile-info .image-upload-container .image-upload-block.uploaded .uploaded {
    opacity: 1;
    pointer-events: all
}

.account-container .profile-info .image-upload-container .image-upload-block .image-upload-size-info {
    font-size: 12px;
    font-style: italic
}

.account-container .profile-info .image-upload-container .avatar-upload-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1000;
    cursor: pointer
}

.account-container .profile-info .image-upload-container .avatar-upload-block {
    margin: 25px -25px 0;
    padding: 25px 25px 0;
    border-width: 1px 0 0;
    border-style: solid
}

.account-container .profile-info .image-upload-container .avatar-upload-block .avatars {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-container .profile-info .image-upload-container .avatar-upload-block .avatars>div {
    width: 68px;
    height: 68px;
    border: 4px solid transparent;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: border-color .3 ease;
    transition: border-color .3 ease
}

.account-container .profile-info .image-upload-container .avatar-upload-block .avatars img {
    cursor: pointer
}

.account-container .profile-info .image-upload-container .avatar-upload-block .save-avatar {
    margin-top: 10px
}

.account-container .sidebar {
    width: 240px;
    float: left;
    margin-right: 10px;
    transition: width .3, margin .3;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.account-container .sidebar>div {
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.account-container .sidebar:not(.collapsed)>div.sections {
    overflow-y: auto
}

.account-container .sidebar .title {
    height: 45px;
    margin-bottom: 6px;
    padding: 0 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0
}

.account-container .sidebar .title [class*=uci-] {
    display: block;
    font-size: 24px;
    cursor: pointer
}

.account-container .sidebar .title span {
    white-space: nowrap
}

.account-container .sidebar .title span.close-profile {
    width: 35px;
    height: 35px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.account-container .sidebar .accordion-container {
    position: relative
}

.account-container .sidebar .accordion-container span {
    line-height: 1;
    white-space: nowrap
}

.account-container .sidebar .accordion-container .accordion-arrow {
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.account-container .sidebar .accordion-container .accordion-title,
.account-container .sidebar .accordion-container .accordion-item {
    position: relative;
    margin-bottom: 6px;
    border-radius: 4px;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    -webkit-transition: margin .3 ease;
    transition: margin .3 ease
}

.account-container .sidebar .accordion-container .accordion-title:before,
.account-container .sidebar .accordion-container .accordion-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .sidebar .accordion-container .accordion-title>div,
.account-container .sidebar .accordion-container .accordion-item>div {
    height: 100%;
    display: flex;
    align-items: center
}

.account-container .sidebar .accordion-container .accordion-title>div:first-child [class*=uci-],
.account-container .sidebar .accordion-container .accordion-item>div:first-child [class*=uci-] {
    font-size: 24px;
    margin-right: 10px
}

.account-container .sidebar .accordion-container .accordion-title {
    height: 45px;
    overflow: hidden
}

.account-container .sidebar .accordion-container .accordion-title:before {
    height: 4px
}

.account-container .sidebar .accordion-container .accordion-item {
    height: 40px;
    align-items: center;
    -webkit-transition: padding .3 ease;
    transition: padding .3 ease
}

.account-container .sidebar .accordion-container .accordion-item:before {
    height: 3px
}

.account-container .sidebar .accordion-container .accordion-item.selected {
    font-weight: 700;
    padding: 0 15px
}

.account-container .sidebar .accordion-container .accordion-item.selected:before {
    opacity: 1
}

.account-container .sidebar .accordion-container .accordion-content {
    max-height: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: max-height .3 0 ease;
    transition: max-height .3 0 ease
}

.account-container .sidebar .accordion-container .accordion-content .accordion-content-inner {
    height: 100%;
    padding: 6px
}

.account-container .sidebar .accordion-container.selected:not(.empty) {
    margin-bottom: 6px
}

.account-container .sidebar .accordion-container.selected:not(.empty) .accordion-title {
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.account-container .sidebar .accordion-container.selected .accordion-title:before {
    opacity: 1
}

.account-container .sidebar .accordion-container.selected .accordion-arrow {
    transform: rotateX(180deg)
}

.account-container .sidebar .accordion-container.selected .accordion-arrow [class*=uci-] {
    font-size: 12px
}

.account-container .sidebar .accordion-container.selected .accordion-content {
    pointer-events: all
}

.account-container .sidebar .accordion-container.selected[data-section=profile] .accordion-content {
    max-height: 374px
}

.account-container .sidebar .accordion-container.selected[data-section=my-receipts] .accordion-content {
    max-height: 374px
}

.account-container .sidebar.collapsed .image-block .profile-image-big {
    height: 45px
}

.account-container .sidebar.collapsed .image-upload-container:before {
    top: 20px
}

.account-container .sidebar.collapsed .image-upload-container:after {
    top: 15px
}

.account-container .sidebar.collapsed:not(.mobile) {
    width: 45px;
    margin-right: 4px
}

.account-container .sidebar.collapsed:not(.mobile)>.title {
    padding: 0;
    justify-content: center
}

.account-container .sidebar.collapsed:not(.mobile)>.title>div:first-child {
    display: none
}

.account-container .sidebar.collapsed:not(.mobile)>.title [class*=uci-] {
    transform: scale(-1)
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info {
    padding: 0
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .profile-name,
.account-container .sidebar.collapsed:not(.mobile) .profile-info .total-commission,
.account-container .sidebar.collapsed:not(.mobile) .profile-info .profile-id,
.account-container .sidebar.collapsed:not(.mobile) .profile-info .balance {
    display: none
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .image-upload-container {
    margin-left: 15px
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .profile-header:after {
    margin-left: 2px
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .image-block {
    width: 45px;
    margin: 0;
    border-radius: 4px
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .image-block .overlay {
    border-radius: 4px
}

.account-container .sidebar.collapsed:not(.mobile) .profile-info .image-block .overlay span:last-child {
    display: none
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container {
    margin-bottom: 6px
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container:hover .accordion-title:before,
.account-container .sidebar.collapsed:not(.mobile) .accordion-container:hover .accordion-content,
.account-container .sidebar.collapsed:not(.mobile) .accordion-container:hover .accordion-content-inner {
    opacity: 1;
    pointer-events: all
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-content {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 246px;
    padding-left: 11px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    overflow: visible
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-content-inner {
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: opacity .3 0 ease;
    transition: opacity .3 0 ease
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-content-inner:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 7px 7.5px 0;
    border-color: transparent #cbccc6 transparent transparent;
    z-index: 1
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container[data-section=profile] .accordion-content,
.account-container .sidebar.collapsed:not(.mobile) .accordion-container[data-section=my-receipts] .accordion-content {
    max-height: 190px;
    margin-top: -95px
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-title {
    margin: 0;
    justify-content: center
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-title div:first-child [class*=uci-] {
    margin: 0
}

.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-title div:first-child span:last-child,
.account-container .sidebar.collapsed:not(.mobile) .accordion-container .accordion-title div:last-child:not(:first-child) {
    display: none
}

.account-container .sidebar .sidebar-footer {
    border-radius: 4px;
    flex: 1
}

.account-container .body {
    width: calc(100vw - 240px - 10px - 2 * 4px);
    height: 100%;
    padding: 15px 10px;
    text-align: left;
    border-radius: 4px;
    flex: 1
}

.account-container .body .section-sidebar {
    width: 290px;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 4px
}

.account-container .body .section-body {
    position: relative;
    height: 100%;
    padding: 0 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.account-container .body .section-body>.section-tab {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 75px;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease
}

.account-container .body .section-body>.section-tab.selected {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: all;
    flex: 1
}

.account-container .body .section-body>.section-tab.selected.multi-tab {
    top: -20px
}

.account-container .body .section-body>.section-tab.selected .form-container {
    padding-top: 42px
}

.account-container .body .section-body>.section-tab>div:not(.card-container) {
    width: 100%
}

.account-container .body .section-body .section-inner-body {
    position: relative;
    display: flex;
    flex: 1
}

.account-container .body .section-body .section-inner-body>div {
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column
}

.account-container .body .section-body .section-inner-body>div.selected {
    position: relative;
    height: auto;
    opacity: 1;
    pointer-events: all
}

.account-container .body .account-info {
    display: flex;
    height: 100%;
    flex-direction: column
}

.account-container .body .account-info>.title {
    font-size: 16px;
    margin-bottom: 15px
}

.account-container .body .account-info>div:not(.title) {
    height: calc(100% - 33px)
}

.account-container .body .account-info .table {
    overflow-x: auto
}

.account-container .body .account-info[data-section=promotions] .section-body>.section-tab {
    height: calc(100vh - 2 * 4px - 2 * 15px - 50px)
}

.account-container .body .account-info[data-section=history] .section-body>.section-tab>.scrollable-block {
    height: calc(100vh - 2 * 4px - 2 * 15px - 40px - 35px - 70px - 20px - 50px);
    overflow: hidden;
    overflow-y: scroll
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row {
    padding-left: 5px;
    display: flex
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-usage {
    margin-bottom: 10px;
    font-size: 14px
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-usage span {
    font-weight: 700;
    font-size: 16px
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-dates {
    padding: 10px;
    border-width: 0 1px 0 0;
    border-style: solid
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-dates table {
    width: auto
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-dates table td {
    height: 24px;
    border: none;
    text-align: left
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-dates table td:first-child {
    font-weight: 700
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details .bonus-details-table {
    padding: 0 20px
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details .claim-bonus {
    padding-right: 20px;
    display: flex;
    align-items: center
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details .claim-bonus a {
    margin-bottom: 0;
    white-space: nowrap
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details .claim-bonus a:first-child:not(:last-child) {
    margin-right: 10px
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table {
    width: 100%
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table td,
.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table th {
    height: 24px;
    border: none;
    text-align: left
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table td:first-child,
.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table th:first-child {
    font-weight: 700
}

.account-container .body .account-info[data-section=bonuses] .bonus-expanded-row .bonus-details table th {
    border-width: 0 0 1px;
    border-style: solid;
    color: inherit;
    background: 0 0
}

.account-container .body .account-info[data-section=wallet] .section-body .special {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    padding: 0 20px;
    font-weight: 700;
    border-radius: 4px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div {
    padding: 10px;
    border: 1px solid;
    border-radius: 4px;
    flex: 1
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span {
    display: block;
    line-height: 1
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span:first-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    border-bottom: 1px solid
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span:last-child {
    font-size: 16px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div:not(:last-child) {
    margin-right: 10px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div.total-balance {
    color: #006aa6;
    border-color: #006aa6
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .special {
    margin-bottom: 20px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .special span:first-child {
    text-transform: uppercase
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .uc-spinner {
    z-index: 1
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .card-container {
    backface-visibility: hidden
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit].blured .card-container {
    position: relative
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit].blured .card-container:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(96, 96, 96, .5)
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .profile-not-filled {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    color: #303838;
    z-index: 1;
    width: 250px;
    font-size: 16px;
    line-height: 24px;
    background: #f3f2e9;
    border-radius: 3px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .profile-not-filled .profile-not-filled-header {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #cecece;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .profile-not-filled .profile-not-filled-header-msg {
    padding: 20px;
    font-size: 14px;
    line-height: 18px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=deposit] .profile-not-filled .profile-not-filled-header-msg span {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .uc-spinner {
    z-index: 1
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .card-container {
    backface-visibility: hidden
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .profile-not-filled {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    color: #303838;
    z-index: 1;
    width: 250px;
    font-size: 16px;
    line-height: 24px;
    background: #f3f2e9;
    border-radius: 3px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .profile-not-filled .profile-not-filled-header {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #cecece;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .profile-not-filled .profile-not-filled-header-msg {
    padding: 20px;
    font-size: 14px;
    line-height: 18px
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .profile-not-filled .profile-not-filled-header-msg span {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .pendig-withdraw-container {
    color: #303838;
    position: absolute;
    z-index: 1;
    width: 500px;
    left: 50%;
    top: 0;
    background: #f3f2e9;
    border-radius: 3px;
    -moz-transform: translate(-50%, 0) translateZ(0);
    -o-transform: translate(-50%, 0) translateZ(0);
    -ms-transform: translate(-50%, 0) translateZ(0);
    -webkit-transform: translate(-50%, 0) translateZ(0);
    transform: translate(-50%, 0) translateZ(0)
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .pendig-withdraw-container .withdraw-heading {
    height: 30px;
    padding: 0 20px;
    line-height: 30px;
    background: #dfddd6;
    border-bottom: 1px solid #cecece
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .pendig-withdraw-container .withdraw-row {
    height: 30px;
    padding: 0 20px;
    line-height: 30px;
    border-bottom: 1px solid #cecece
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .pendig-withdraw-container .withdraw-row>span {
    float: right
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] .pendig-withdraw-container .withdraw-footer {
    padding: 24px 0;
    text-align: center
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw].blured .card-container {
    position: relative
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw].blured .card-container:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(96, 96, 96, .5)
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=withdraw] table {
    table-layout: auto
}

.account-container .body .account-info[data-section=wallet] .section-body>[data-tab=my-cards] .add-card {
    margin-top: 30px;
    text-align: center
}

.account-container .body .account-info[data-section=profile] .section-body .bordered-block {
    padding: 15px 10px;
    border: 1px solid #c1c1c1;
    border-radius: 4px
}

.account-container .body .account-info[data-section=profile] .section-body .bordered-block:not(:last-child) {
    margin-bottom: 10px
}

.account-container .body .account-info[data-section=profile] .section-body .bordered-block .title {
    margin-bottom: 10px;
    font-weight: 700
}

.account-container .body .account-info[data-section=profile] .section-body .bordered-block .desc {
    margin-bottom: 30px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile] {
    max-width: 970px;
    overflow: visible !important
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile] .footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile] .footer .change-password {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] {
    max-width: 750px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] ::-webkit-input-placeholder {
    font-style: italic
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] :-moz-placeholder {
    font-style: italic
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] ::-moz-placeholder {
    font-style: italic
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] :-ms-input-placeholder {
    font-style: italic
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] table {
    margin-top: 15px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] .form-element {
    margin-bottom: 40px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=documents] .btn-input input {
    margin-right: 0 !important
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion],
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out],
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] {
    max-width: 750px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion] .block-container,
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out] .block-container,
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] .block-container {
    text-align: center
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion] .form-container,
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out] .form-container,
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] .form-container {
    display: inline-block
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion] .form-container .checkbox-group,
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out] .form-container .checkbox-group,
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] .form-container .checkbox-group {
    display: block
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion] .form-container .checkbox-group>label,
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out] .form-container .checkbox-group>label,
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] .form-container .checkbox-group>label {
    display: block;
    text-align: left;
    padding-top: 0
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=self-exclusion] .btn.disabled,
.account-container .body .account-info[data-section=profile] .section-body>[data-tab=time-out] .btn.disabled,
.account-container .body .account-info[data-section=profile] .section-body [data-tab=reality-check] .btn.disabled {
    opacity: .5
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=change-password] {
    max-width: 475px;
    overflow: visible !important
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=change-password] .form-container {
    margin-bottom: 20px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=change-password] .form-btn {
    text-align: center
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] {
    max-width: 750px;
    overflow: visible !important
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] .form-container {
    margin-bottom: 20px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] .form-btn {
    text-align: center
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] form {
    max-width: 475px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] span.info-footer {
    padding: 30px 0;
    display: inline-block;
    font-style: italic;
    border-width: 2px 0 0;
    border-style: solid
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=bet-limit] .bet-limit-blog {
    max-width: 750px;
    overflow: visible !important
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=bet-limit] .bet-limit-blog .form-container {
    margin-bottom: 20px
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=bet-limit] .bet-limit-blog .form-btn {
    text-align: center
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=bet-limit] .bet-limit-blog .bet-limit-input-block {
    max-width: 475px;
    margin: 0 auto
}

.account-container .body .account-info[data-section=profile] .section-body>[data-tab=bet-limit] .bet-limit-blog span.info-footer {
    padding: 30px 0;
    display: inline-block;
    font-style: italic;
    border-top: 2px solid #f3f2e9
}

.account-container .body .account-info[data-section=my-bets] .section-body {
    padding-top: 20px
}

.account-container .body .account-info[data-section=my-bets] .section-body [data-tab=my-bets]>.uc-spinner {
    z-index: 2
}

.account-container .body .account-info[data-section=my-bets] .section-body .table-block>table td:first-child,
.account-container .body .account-info[data-section=my-bets] .section-body .table-block>table th:first-child {
    width: 200px
}

.account-container .body .account-info[data-section=my-bets] .section-body .table-block>table td:nth-child(2),
.account-container .body .account-info[data-section=my-bets] .section-body .table-block>table th:nth-child(2) {
    width: 380px
}

.account-container .body .account-info[data-section=my-bets] .section-body .bet-info {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: rgba(0, 106, 166, .1);
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-container .body .account-info[data-section=my-bets] .section-body .bet-info>div:last-child {
    font-size: 12px
}

.account-container .body .account-info[data-section=my-bets] .section-body .bet-info>div:last-child span:last-child {
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #006aa6
}

.account-container .body .account-info[data-section=my-bets] .section-body .bet-id,
.account-container .body .account-info[data-section=my-bets] .section-body .bet-details {
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: left
}

.account-container .body .account-info[data-section=my-bets] .section-body .bet-id {
    margin-top: 5px
}

.account-container .body .account-info[data-section=my-bets] .section-body .my-bets-result-container {
    padding-right: 40px;
    text-align: right
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container {
    text-align: center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    position: relative
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container:hover .cashout-bubble {
    opacity: 1;
    pointer-events: all
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-button {
    font-size: 16px;
    color: #52a178
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble {
    opacity: 0;
    cursor: default;
    pointer-events: none;
    -webkit-transition: opacity .3 ease;
    transition: opacity .3 ease;
    position: absolute;
    top: 100%;
    min-width: 100px;
    -moz-transform: translateX(-50%) translateZ(0);
    -o-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
    left: 4px;
    padding: 17px 5px 5px;
    z-index: 1
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble span {
    color: #303838;
    cursor: default;
    font-weight: 700;
    position: relative;
    z-index: 1;
    font-size: 12px
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble span span {
    font-weight: 400;
    display: block;
    cursor: pointer
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble span span:hover {
    text-decoration: underline
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble:before {
    cursor: default;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cbccc6
}

.account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble:after {
    cursor: default;
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #cbccc6;
    border-radius: 3px
}

.account-container .body .account-info[data-section=promotions] .promo-container .promo-block {
    margin-top: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 4px
}

.account-container .body .account-info[data-section=promotions] .promo-container .promo-block .title {
    font-weight: 700;
    margin-bottom: 10px
}

.account-container .body .account-info[data-section=promotions] .promo-container .promo-block .promo-image {
    position: relative;
    padding: 10px;
    text-align: center;
    border: 1px solid #c1c1c1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.account-container .body .account-info[data-section=promotions] .promo-container .promo-block .promo-image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(202, 139, 139, .8)
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner {
    padding: 20px 10px;
    display: flex;
    align-items: center
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-image {
    width: 120px;
    height: 120px;
    border-radius: 4px
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block {
    margin: 0 15px;
    flex: 1
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block .promo-info {
    margin: 25px 0;
    display: flex;
    flex: 1
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block .promo-info>div {
    flex: 1
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block .promo-info>div span {
    display: block;
    padding-left: 30px
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block .promo-info>div span:first-child {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c1c1c1
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block>a,
.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-info-block>span {
    font-weight: 700
}

.account-container .body .account-info[data-section=promotions] .promo-container:not(.small) .promo-block-inner .promo-buttons .uc-account-btn:not(:last-child) {
    margin-right: 10px
}

.account-container .body .account-info[data-section=promotions] .promo-container.small {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block {
    width: 49%
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner {
    padding: 10px 10px 20px
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-header {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
    display: flex;
    align-items: center
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-header .promo-image {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-header>span {
    font-weight: 700
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-info-block>div {
    padding: 5px;
    display: flex;
    justify-content: space-between
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-info-block>div span:first-child {
    font-weight: 700
}

.account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block .promo-block-inner .promo-buttons {
    margin-top: 15px;
    text-align: center
}

.account-container table,
.uc-account table {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    border-collapse: separate
}

.account-container table th,
.uc-account table th,
.account-container table td,
.uc-account table td {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    vertical-align: middle;
    padding: 5px 10px;
    line-height: 1.3
}

.account-container table th.align-left,
.uc-account table th.align-left,
.account-container table td.align-left,
.uc-account table td.align-left {
    text-align: left !important;
    padding-left: 30px
}

.account-container table th,
.uc-account table th {
    height: 50px;
    font-weight: 700
}

.account-container table th:first-child,
.uc-account table th:first-child {
    border-left-width: 1px;
    border-top-left-radius: 4px
}

.account-container table th:last-child,
.uc-account table th:last-child {
    border-top-right-radius: 4px
}

.account-container table td,
.uc-account table td {
    height: 40px;
    border-top-width: 0
}

.account-container table td:first-child,
.uc-account table td:first-child {
    border-left-width: 1px
}

.account-container table td.date span,
.uc-account table td.date span {
    display: block
}

.account-container table tr:last-child td:first-child,
.uc-account table tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

.account-container table tr:last-child td:last-child,
.uc-account table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

.account-container #ui-datepicker-div,
.uc-account #ui-datepicker-div {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    width: 350px !important;
    z-index: 3 !important;
    margin-top: 17px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
    transform: translateX(-50%)
}

.account-container #ui-datepicker-div:before,
.uc-account #ui-datepicker-div:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -11px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .45);
    z-index: 1;
    transform: rotate(45deg)
}

.account-container #ui-datepicker-div:after,
.uc-account #ui-datepicker-div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 20px;
    z-index: 2
}

.account-container #ui-datepicker-div .ui-datepicker-header,
.uc-account #ui-datepicker-div .ui-datepicker-header {
    position: relative;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-width: 0 0 1px;
    border-style: solid
}

.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    left: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    opacity: .9
}

.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
    opacity: 1
}

.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    left: auto;
    right: 0
}

.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select,
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
    width: 65px;
    height: auto;
    padding: 0;
    border: 0;
    color: inherit
}

.account-container #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:not(:last-child),
.uc-account #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:not(:last-child) {
    margin-right: 5px
}

.account-container #ui-datepicker-div table th,
.uc-account #ui-datepicker-div table th,
.account-container #ui-datepicker-div table td,
.uc-account #ui-datepicker-div table td {
    height: auto;
    text-align: center;
    padding: 0;
    border: 0
}

.account-container #ui-datepicker-div table td a,
.uc-account #ui-datepicker-div table td a,
.account-container #ui-datepicker-div table td span,
.uc-account #ui-datepicker-div table td span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    border-radius: 100%;
    color: inherit;
    -webkit-transition: all .3 ease;
    transition: all .3 ease
}

.account-container #ui-datepicker-div table td.ui-datepicker-unselectable,
.uc-account #ui-datepicker-div table td.ui-datepicker-unselectable {
    opacity: .5
}

.account-container .datepicker-block,
.uc-account .datepicker-block {
    position: relative;
    text-align: center
}

.account-container .datepicker-block .calendar-icon,
.uc-account .datepicker-block .calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 18px;
    -moz-transform: translate(0, -50%) translateZ(0);
    -o-transform: translate(0, -50%) translateZ(0);
    -ms-transform: translate(0, -50%) translateZ(0);
    -webkit-transform: translate(0, -50%) translateZ(0);
    transform: translate(0, -50%) translateZ(0);
    pointer-events: none
}

.account-container .datepicker-block.empty .clear,
.uc-account .datepicker-block.empty .clear {
    display: none
}

.account-container .datepicker-block .clear,
.uc-account .datepicker-block .clear {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    border-radius: 100%;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: background-color .3 ease;
    transition: background-color .3 ease
}

.account-container .datepicker-block .calendar,
.uc-account .datepicker-block .calendar {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    pointer-events: none
}

.ember-light-table {
    height: inherit;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ember-light-table .lt-is-loading,
.ember-light-table .lt-no-data {
    background: 0 0 !important
}

.ember-light-table .lt-is-loading td,
.ember-light-table .lt-no-data td {
    border: none !important
}

.ember-light-table .no-record-found {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #e0e0da;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.ember-light-table .no-record-found .sb-icon {
    font-size: 54px;
    padding-bottom: 10px
}

.ember-light-table .no-record-found span {
    font-size: 24px
}

.ember-light-table table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%
}

.ember-light-table .lt-scaffolding {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    visibility: hidden
}

.ember-light-table .lt-head-wrap,
.ember-light-table .lt-foot-wrap {
    overflow-y: auto;
    overflow-x: hidden
}

.ember-light-table .lt-head-wrap,
.ember-light-table .lt-foot-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.ember-light-table .lt-body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto
}

.ember-light-table .lt-column {
    position: relative
}

.ember-light-table .lt-scrollable {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.ember-light-table .align-left {
    text-align: left
}

.ember-light-table .align-right {
    text-align: right
}

.ember-light-table .align-center {
    text-align: center
}

.ember-light-table .lt-column .lt-sort-icon {
    position: absolute;
    right: 10px
}

.ember-light-table .lt-column.is-draggable,
.ember-light-table .lt-column.is-sortable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ember-light-table .lt-column.is-resizing {
    pointer-events: none
}

.ember-light-table.is-resizing {
    cursor: col-resize
}

.ember-light-table .lt-column .lt-column-resizer {
    width: 5px;
    cursor: col-resize;
    height: 100%;
    background: 0 0;
    position: absolute;
    right: 0;
    top: 0
}

.ember-light-table .lt-row.is-expandable,
.ember-light-table .lt-row.is-selectable {
    cursor: pointer
}

.bets-table.ember-light-table>.lt-head-wrap table {
    border-radius: 3px
}

.bets-table.ember-light-table>.lt-head-wrap table th {
    text-transform: uppercase;
    font-size: 13px;
    height: 30px;
    border: none;
    background: 0 0;
    text-align: center
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table {
    border-collapse: separate;
    border-spacing: 0 6px
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.is-expandable td:last-child {
    position: relative
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.is-expandable td:last-child:before {
    content: '';
    position: absolute;
    top: 7px;
    bottom: 7px;
    right: 0;
    width: 40px;
    border-width: 0 0 0 1px;
    border-style: solid
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.is-expandable td:last-child:after {
    content: "\eafc";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    font-family: ucraftme_font !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.is-expandable.is-expanded td:last-child:after {
    content: "\eaff"
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.lt-expanded-row {
    background: 0 0
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.lt-expanded-row>td {
    padding: 0 !important;
    height: auto;
    border: 1px solid #e2e0d6
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr.lt-expanded-row>td table td {
    white-space: normal
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr>td:first-child {
    border-radius: 3px 0 0 3px;
    border-left-width: 1px
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr>td:last-child {
    border-radius: 0 3px 3px 0;
    border-right-width: 1px
}

.bets-table.ember-light-table>.lt-body-wrap>.lt-scrollable>.tse-scroll-content>.scrollable-content>table>tbody>tr>td {
    text-align: center;
    font-size: 13px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 0
}

.account-container .tse-scroll-content {
    padding-right: 15px
}

.account-container .tse-scrollable {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.account-container .tse-scrollable .tse-scroll-content {
    position: absolute;
    overflow: hidden;
    overflow-y: scroll
}

.account-container .tse-scrollable .tse-scroll-content::-webkit-scrollbar {
    width: 0;
    height: 0
}

.account-container .tse-scrollbar {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px
}

.account-container .tse-scrollbar .drag-handle {
    position: absolute;
    right: 2px;
    width: 7px;
    transition: opacity .2s linear;
    opacity: 0;
    border-radius: 7px;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding
}

.account-container .tse-scrollbar:hover .drag-handle {
    transition: opacity 0 linear;
    opacity: .7
}

.account-container .tse-scrollbar .drag-handle.visible {
    opacity: .7
}

.tse-scrollable.horizontal .tse-scroll-content {
    overflow-x: scroll;
    overflow-y: hidden
}

.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
.tse-scrollable.horizontal .tse-scroll-content::scrollbar {
    width: auto;
    height: 0
}

.tse-scrollable.horizontal .tse-scrollbar {
    top: auto;
    left: 0;
    width: auto;
    height: 11px
}

.tse-scrollable.horizontal .tse-scrollbar .drag-handle {
    top: 2px;
    right: auto;
    width: auto;
    min-width: 0;
    height: 7px;
    min-height: 0
}

.scrollbar-width-tester::-webkit-scrollbar {
    width: 0;
    height: 0
}

.uc-account {}

.uc-account.desktop .filter-opener-block,
.uc-account.small-desktop .filter-opener-block {
    display: none
}

@media screen and (max-width:1200px) {
    .uc-account.desktop .account-container .form-container .form-group .form-element.inline label,
    .uc-account.small-desktop .account-container .form-container .form-group .form-element.inline label {
        margin-right: 10px
    }
    .uc-account.desktop .account-container .form-container .form-group .form-element.inline select,
    .uc-account.small-desktop .account-container .form-container .form-group .form-element.inline select,
    .uc-account.desktop .account-container .form-container .form-group .form-element.inline input,
    .uc-account.small-desktop .account-container .form-container .form-group .form-element.inline input {
        width: 145px
    }
    .uc-account.desktop .account-container .filter-header.form-container .form-group .form-element:not(:last-child),
    .uc-account.small-desktop .account-container .filter-header.form-container .form-group .form-element:not(:last-child) {
        margin: 0 10px 0 0
    }
}

.uc-account:not(.mobile) .sidebar .accordion-container .accordion-title:hover:before,
.uc-account:not(.mobile) .sidebar .accordion-container .accordion-item:hover:before {
    opacity: 1
}

.uc-account:not(.mobile) .sidebar .accordion-container .accordion-item:hover {
    font-weight: 700;
    padding: 0 15px
}

.uc-account.mobile .account-container {
    padding: 0
}

.uc-account.mobile .account-container>.close-sidebar {
    opacity: 1
}

.uc-account.mobile .account-container #ui-datepicker-div {
    width: 263px !important
}

.uc-account.mobile .account-container .from #ui-datepicker-div {
    left: 0 !important;
    transform: translateX(0)
}

.uc-account.mobile .account-container .from #ui-datepicker-div:before {
    left: 30px;
    margin-left: 0
}

.uc-account.mobile .account-container .to #ui-datepicker-div:before {
    right: 30px
}

.uc-account.mobile .account-container .to #ui-datepicker-div:after {
    height: 15px;
    right: 20px
}

.uc-account.mobile .account-container .sidebar {
    width: 100%;
    margin-right: 0;
    padding-bottom: 6px;
    z-index: 11
}

.uc-account.mobile .account-container .sidebar.collapsed {
    margin-left: -100%
}

.uc-account.mobile .account-container .sidebar .title {
    margin: 0;
    padding-right: 0;
    border-radius: 0
}

.uc-account.mobile .account-container .sidebar .profile-info {
    padding: 0;
    border-radius: 0
}

.uc-account.mobile .account-container .sidebar .profile-info .profile-info-inner {
    overflow: hidden
}

.uc-account.mobile .account-container .sidebar .profile-info .balance {
    position: relative;
    border-radius: 0;
    display: flex;
    flex-direction: column
}

.uc-account.mobile .account-container .sidebar .profile-info .balance:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .1)
}

.uc-account.mobile .account-container .sidebar .profile-info .balance>div {
    position: relative;
    padding: 8px 5px;
    opacity: 1;
    font-size: 14px;
    overflow: hidden;
    z-index: 1;
    flex: 1
}

.uc-account.mobile .account-container .sidebar .profile-info .balance>div:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    right: 0;
    top: 5px;
    bottom: 5px;
    border: 0;
    background: rgba(0, 0, 0, .2)
}

.uc-account.mobile .account-container .sidebar .profile-info .balance>div:before {
    background: 0 0
}

.uc-account.mobile .account-container .sidebar .profile-info .balance>div span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.uc-account.mobile .account-container .sidebar .profile-info .balance>div .bonus_balance {
    font-size: 13px
}

.uc-account.mobile .account-container .sidebar .profile-info .profile-header {
    position: relative;
    padding: 20px;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center
}

.uc-account.mobile .account-container .sidebar .profile-info .profile-header:first-child:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    border: 0;
    background: rgba(0, 0, 0, .1)
}

.uc-account.mobile .account-container .sidebar .profile-info .profile-name,
.uc-account.mobile .account-container .sidebar .profile-info .total-commission {
    margin-bottom: 5px;
    font-weight: 600
}

.uc-account.mobile .account-container .sidebar .profile-info .profile-id {
    margin: 0
}

.uc-account.mobile .account-container .sidebar .profile-info .image-block {
    width: 60px;
    margin: 0 10px 0 0;
    flex-shrink: 0
}

.uc-account.mobile .account-container .sidebar .profile-info .image-block .profile-image-big {
    height: 60px
}

.uc-account.mobile .account-container .sidebar .profile-info .image-block .overlay span:first-child {
    margin: 0
}

.uc-account.mobile .account-container .sidebar .profile-info .image-block .overlay span:last-child {
    display: none
}

.uc-account.mobile .account-container .sidebar .profile-info .image-upload-container {
    position: relative;
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.uc-account.mobile .account-container .sidebar .profile-info .image-upload-container:before,
.uc-account.mobile .account-container .sidebar .profile-info .image-upload-container:after {
    width: 0;
    height: 0
}

.uc-account.mobile .account-container .sidebar .profile-info+div {
    padding: 0 6px
}

.uc-account.mobile .account-container .sidebar .profile-info.change-image {
    display: flex;
    flex-direction: column
}

.uc-account.mobile .account-container .sidebar .profile-info.change-image .balance,
.uc-account.mobile .account-container .sidebar .profile-info.change-image .profile-header {
    flex-shrink: 0
}

.uc-account.mobile .account-container .sidebar .profile-info.change-image .image-upload-container {
    overflow: auto
}

.uc-account.mobile .account-container .sidebar .profile-info.change-image~div {
    display: none
}

.uc-account.mobile .account-container .sidebar .sidebar-footer {
    margin: 0 6px
}

.uc-account.mobile .account-container .card-container {
    width: 100%
}

.uc-account.mobile .account-container .card-container .card-block .card-image {
    height: 45px
}

.uc-account.mobile .account-container .card-container .card-block .card-image img {
    max-width: 100px;
    max-height: 35px
}

.uc-account.mobile .account-container .body {
    width: 100%;
    padding: 0;
    border-radius: 0
}

.uc-account.mobile .account-container .body .info {
    padding: 10px 5px
}

.uc-account.mobile .account-container .body .info span[class^=uci-] {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-right: 10px;
    transform: translateY(0)
}

.uc-account.mobile .account-container .body .form-container:not(.filter-header) .form-group {
    flex-direction: column
}

.uc-account.mobile .account-container .body .form-container:not(.filter-header) .form-group .form-element {
    margin-right: 0
}

.uc-account.mobile .account-container .body .form-container.filter-header>div.filter-opener-block.open+div {
    height: 245px
}

.uc-account.mobile .account-container .body .form-container.filter-header>div.filter-opener-block+div .form-element {
    flex: 1
}

.uc-account.mobile .account-container .body .form-container.filter-header>div.filter-opener-block+div .form-element input,
.uc-account.mobile .account-container .body .form-container.filter-header>div.filter-opener-block+div .form-element select,
.uc-account.mobile .account-container .body .form-container.filter-header>div.filter-opener-block+div .form-element .uc-account-btn {
    width: 100%
}

.uc-account.mobile .account-container .body .account-info>div:not(.title) {
    height: calc(100% - 60px)
}

.uc-account.mobile .account-container .body .account-info .section-body {
    border: 0
}

.uc-account.mobile .account-container .body .account-info .section-body>.section-tab {
    overflow: hidden;
    overflow-y: auto
}

.uc-account.mobile .account-container .body .account-info>.title {
    height: 60px;
    line-height: 60px;
    margin: 0;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #c1c1c1
}

.uc-account.mobile .account-container .body .account-info .tab-container .tab-item {
    border: 0;
    opacity: .6
}

.uc-account.mobile .account-container .body .account-info .tab-container .tab-item:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px;
    opacity: 0
}

.uc-account.mobile .account-container .body .account-info .tab-container .tab-item.selected {
    background-color: transparent;
    opacity: 1
}

.uc-account.mobile .account-container .body .account-info .tab-container .tab-item.selected:before {
    opacity: 0
}

.uc-account.mobile .account-container .body .account-info .tab-container .tab-item.selected:after {
    opacity: 1
}

.uc-account.mobile .account-container .body .account-info[data-section=wallet] .section-body {}

.uc-account.mobile .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=transactions] .transactions-footer {
    margin-top: 30px
}

.uc-account.mobile .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div {
    padding: 10px 2px;
    text-align: center
}

.uc-account.mobile .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span:first-child {
    font-size: 18px
}

.uc-account.mobile .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span:last-child {
    font-size: 9px
}

.uc-account.mobile .account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile] form .footer {
    flex-direction: column-reverse
}

.uc-account.mobile .account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile] form .footer .change-password {
    margin-top: 40px
}

.uc-account.mobile .account-container [data-tab=change-password] .input-message div:nth-child(2) {
    width: calc(100% - 25px)
}

@media screen and (max-width:1024px) {
    .account-container {}
    .account-container .card-container {
        width: 100%;
        max-width: 720px
    }
    .account-container .to #ui-datepicker-div {
        left: auto !important;
        right: 0;
        -moz-transform: translate(0, 0) translateZ(0);
        -o-transform: translate(0, 0) translateZ(0);
        -ms-transform: translate(0, 0) translateZ(0);
        -webkit-transform: translate(0, 0) translateZ(0);
        transform: translate(0, 0) translateZ(0)
    }
    .account-container .to #ui-datepicker-div:before {
        left: auto;
        right: 65px;
        margin: 0
    }
    .account-container .to #ui-datepicker-div:after {
        left: auto;
        right: 60px;
        margin: 0
    }
    .account-container .section-tab[data-tab=overview] .info {
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .account-container .to #ui-datepicker-div:before {
        right: 65px
    }
    .account-container .sidebar:not(.collapsed)+.body .section-tab[data-tab=transactions] .table-switched-block,
    .account-container .sidebar:not(.collapsed)+.body .section-tab[data-tab=bets] .table-switched-block {
        width: 100%
    }
    .account-container .body .account-info[data-section=promotions] .promo-container.small .promo-block {
        width: 100%
    }
    .account-container .pagination-block {
        flex-direction: column
    }
    .account-container .pagination-block .pagination {
        margin-top: 20px
    }
    .uc-account.small-desktop .account-container,
    .uc-account.tablet .account-container {}
    .uc-account.small-desktop .account-container .filter-header.form-container .form-group .form-element:not(:last-child),
    .uc-account.tablet .account-container .filter-header.form-container .form-group .form-element:not(:last-child) {
        margin-right: 10px
    }
    .uc-account.small-desktop .account-container .filter-header.form-container .form-group .uc-account-btn,
    .uc-account.tablet .account-container .filter-header.form-container .form-group .uc-account-btn {
        width: 140px
    }
    .uc-account.small-desktop .account-container .filter-header.form-container .from-to-container>span,
    .uc-account.tablet .account-container .filter-header.form-container .from-to-container>span {
        margin: 0 5px
    }
    .uc-account .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div {
        padding: 10px 5px
    }
    .uc-account .account-container .body .account-info[data-section=wallet] .section-body>[data-tab=overview] .overview-header>div span:last-child {
        font-size: 14px
    }
    .uc-account .profile-info .image-upload-container {
        width: calc(100vw - 240px - 10px - 2 * 4px)
    }
}

@media screen and (width:768px) {
    .uc-account .sidebar:not(.collapsed)+.body .account-info[data-section=my-bets] .table-block .bets-table {
        width: 650px
    }
}

@media screen and (max-width:767px) {
    .account-container .table-switched-container .table-switched-block {
        width: 100%
    }
}

@media screen and (max-width:320px) {
    .account-container .datepicker-block:not(.empty) .calendar-icon {
        display: none
    }
}

html.mobile .uc-login-form-container {
    width: 100%;
    height: 100% !important
}

html.mobile .uc-login-form-container>div {
    width: 100%;
    border-radius: 0
}

html.mobile .uc-login-form-container .liquid-container,
html.mobile .uc-login-form-container .liquid-child {
    height: 100%
}

html.mobile .uc-login-form-container .uc-login-step {
    height: 100%;
    z-index: 1
}

html.mobile .uc-login-form-container .uc-login-step:not([data-step=sign-up]) .uc-login-form-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

html.mobile .account-container .body .account-info[data-section=profile] .section-body>[data-tab=edit-profile],
html.mobile .account-container .body .account-info[data-section=profile] .section-body>[data-tab=deposit-limits] {
    overflow: auto !important
}

html.mobile .account-container .body .account-info[data-section=my-bets] .section-body .cashout-container .cashout-bubble {
    display: none
}

html.mobile .account-container .body .account-info[data-section=wallet] .wallet-table tr:not(.lt-no-data) td {
    position: relative
}

html.mobile .account-container .body .account-info[data-section=wallet] .wallet-table .row-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

html.mobile .account-container .body .account-info[data-section=wallet] .wallet-table .tse-scroll-content {
    padding: 0
}

html.mobile .account-popup-layer-container:not(.profile) .account-popup-container {
    width: 100%;
    border-radius: 0
}

html.mobile .bets-container .block-container {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding-bottom: 30px;
    overflow: hidden
}

html.mobile .bets-container .block-container:not(:last-child) {
    margin-bottom: 30px
}

html.mobile .bets-container .block-container.show .slide-block span {
    transform: rotate(180deg)
}

html.mobile .bets-container .block-container.show .additional-info {
    display: block
}

html.mobile .bets-container .block-container .general-info>div:first-child .block,
html.mobile .bets-container .block-container .game-info>div:first-child .block {
    border-right-width: 1px;
    font-weight: 700
}

html.mobile .bets-container .block-container .general-info>div:last-child,
html.mobile .bets-container .block-container .game-info>div:last-child {
    overflow: hidden;
    flex: 1
}

html.mobile .bets-container .block-container .general-info {
    display: flex
}

html.mobile .bets-container .block-container .additional-info {
    display: none
}

html.mobile .bets-container .block-container .game-info {
    position: relative;
    display: flex
}

html.mobile .bets-container .block-container .game-info:first-child {
    margin-top: 20px
}

html.mobile .bets-container .block-container .game-info .block:first-child,
html.mobile .bets-container .block-container .game-info .block:nth-child(2) {
    border: 0
}

html.mobile .bets-container .block-container .block {
    height: 40px;
    padding: 0 10px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px;
    display: flex;
    align-items: center
}

html.mobile .bets-container .block-container .block span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html.mobile .bets-container .block-container .slide-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lt-expanded-row {
    text-align: left
}

.lt-expanded-row dt {
    font-weight: 700
}

.lt-expanded-row dd {
    margin: 0
}

html.mobile.no-scroll {
    height: 100%;
    position: fixed
}

html.mobile.no-scroll body {
    height: 100%;
    position: fixed
}

html.mobile,
html.tablet {
    -webkit-tap-highlight-color: transparent
}

html.mobile .uc-account,
html.tablet .uc-account {
    -webkit-overflow-scrolling: touch
}

html.mobile .uc-login-form-container label.checkbox input[type=checkbox]+span:hover:after,
html.tablet .uc-login-form-container label.checkbox input[type=checkbox]+span:hover:after {
    color: transparent
}

html.mobile .account-container .body .account-info,
html.tablet .account-container .body .account-info {}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] th,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] th,
html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td {
    width: auto !important
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] th.align-left,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] th.align-left,
html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td.align-left,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td.align-left {
    text-align: center !important;
    padding-left: 10px
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td:last-child:after,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] td:last-child:after {
    line-height: 40px !important
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bets-table-header th:last-child,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bets-table-header th:last-child,
html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] tr.lt-row>td:last-child,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] tr.lt-row>td:last-child {
    padding-right: 50px
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row {
    display: block;
    padding: 0
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-dates,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-dates {
    border: solid #ccc;
    border-width: 0 0 1px;
    padding: 10px 0
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details {
    display: block;
    margin-top: 10px
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details th,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details th,
html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details td,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details td {
    text-align: center
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details .bonus-details-table,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details .bonus-details-table {
    padding: 0
}

html.mobile .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details .claim-bonus,
html.tablet .account-container .body .account-info[data-section=bonuses][data-section=bonuses] .bonus-expanded-row .bonus-details .claim-bonus {
    padding: 10px 0;
    justify-content: center
}

html.mobile .account-container .body .account-info .tse-scroll-content,
html.tablet .account-container .body .account-info .tse-scroll-content {
    padding: 0
}

html.mobile .filter-body input,
html.tablet .filter-body input,
html.mobile .filter-body .styled-dropdown select,
html.tablet .filter-body .styled-dropdown select {
    width: 100% !important
}

.fake-inputs {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none
}

.no-record-found {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: .3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.no-record-found .sb-icon {
    font-size: 54px;
    padding-bottom: 10px
}

.no-record-found span {
    font-size: 24px
}

.uc-spinner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.uc-spinner .uc-preloader {
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    border: 0 solid #d3d2ce;
    border-radius: 50%;
    -webkit-animation: uc-page-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    -moz-animation: uc-page-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    animation: uc-page-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1)
}

@-webkit-keyframes uc-page-loader {
    0% {
        height: 0;
        width: 0;
        background-color: #d3d2ce
    }
    29% {
        background-color: #d3d2ce
    }
    30% {
        height: 108px;
        width: 108px;
        background-color: transparent;
        border-width: 54px;
        opacity: 1
    }
    100% {
        height: 108px;
        width: 108px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

@-moz-keyframes uc-page-loader {
    0% {
        height: 0;
        width: 0;
        background-color: #d3d2ce
    }
    29% {
        background-color: #d3d2ce
    }
    30% {
        height: 108px;
        width: 108px;
        background-color: transparent;
        border-width: 54px;
        opacity: 1
    }
    100% {
        height: 108px;
        width: 108px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

@keyframes uc-page-loader {
    0% {
        height: 0;
        width: 0;
        background-color: #d3d2ce
    }
    29% {
        background-color: #d3d2ce
    }
    30% {
        height: 108px;
        width: 108px;
        background-color: transparent;
        border-width: 54px;
        opacity: 1
    }
    100% {
        height: 108px;
        width: 108px;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}

.btn-loading {
    color: transparent !important;
    position: relative;
    pointer-events: none
}

.btn-loading:after {
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .4);
    border: 0 solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    -webkit-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    -moz-animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1);
    animation: uc-button-loader 1.15s infinite cubic-bezier(.215, .61, .355, 1)
}

.account-popup-layer-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 100000
}

.account-popup-layer-container.confirm-block {
    position: relative
}

.account-popup-layer-container.confirm-block .account-popup-container {
    width: 100% !important
}

.account-popup-layer-container .account-popup-layer {
    height: 100%;
    opacity: 1;
    text-align: center
}

.account-popup-layer-container .account-popup-layer.error .account-popup-header {
    background-color: #d14343 !important
}

.account-popup-layer-container .account-popup-layer .invisible {
    display: none
}

.account-popup-layer-container.active .account-popup-layer {
    opacity: 1;
    cursor: default !important
}

.account-popup-layer-container.active .account-popup-layer * {
    cursor: default !important
}

.account-popup-layer-container:not(.profile) .account-popup-container {
    width: 350px;
    font-weight: 300;
    background: #fffef6;
    border-radius: 4px;
    overflow: hidden
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-header {
    position: relative;
    height: 70px;
    background-color: #52a178;
    padding: 25px 0;
    color: #fff;
    font-size: 18px
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-header i {
    padding-right: 4px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    cursor: default
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-message {
    font-size: 16px;
    color: #383838;
    margin: 30px 30px 25px
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-message-small {
    font-size: 12px
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 30px
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons>a {
    cursor: pointer !important
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .account-btn {
    margin: 0 10px;
    border-radius: 4px;
    min-width: 120px;
    height: 40px;
    line-height: 42px;
    padding: 0 25px;
    background-color: #52a178;
    font-size: 14px;
    color: #fff
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .account-btn:hover {
    background-color: #3e795a
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .account-btn.account-cancel {
    background-color: #f3f2e9;
    color: #303838
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .account-btn.account-cancel:hover {
    background-color: #e5e5dc
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .btn-conf {
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    font-size: 14px;
    color: #4a4a4a;
    background: 0 0;
    border-top: 1px solid #fffef6;
    border-radius: 0;
    cursor: pointer;
    transition: all .3s;
    flex: 1
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .btn-conf:first-child {
    border-right: 1px solid #f1f1eb
}

.account-popup-layer-container:not(.profile) .account-popup-container .account-popup-buttons .btn-conf:hover {
    background: #fafaf7
}

.account-popup-layer-container .account-popup-layer.error .account-popup-container .account-popup-buttons .account-btn {
    color: #383838;
    background-color: #f3f2e9
}

.account-popup-layer-container .account-popup-layer.error .account-popup-container .account-popup-buttons .account-btn:hover {
    background-color: #cccbc4
}

.account-popup-layer-container.profile {
    background: rgba(255, 255, 255, .9)
}

.account-popup-layer-container.profile .account-popup-message {
    margin-bottom: 22px;
    font-size: 14px
}

.account-popup-layer-container.profile .account-popup-buttons .btn-discard {
    margin-right: 17px
}

#checkbox-group {
    height: 45px;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 4px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

#checkbox-group .checkbox {
    width: auto;
    margin: 0 10px 0 0
}

#checkbox-group input+span {
    opacity: .7;
    color: inherit;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#checkbox-group input+span:after {
    border-width: 1px
}

#checkbox-group input:hover+span,
#checkbox-group input:checked+span {
    opacity: 1
}

.gender-placeholder {
    position: absolute;
    top: 12px;
    left: 10px;
    pointer-events: none;
    opacity: .7;
    font-size: 16px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-width: 1px;
    border-style: solid;
    transition: background-color 5000s ease-in-out 0s
}

.checkbox:hover svg.checked-icon {
    opacity: .5;
    display: block
}

.checkbox svg.checked-icon {
    display: none
}

html.mobile .checkbox:hover svg.checked-icon {
    opacity: 0
}

.module-container .ModuleInstagram iframe {
    margin: auto !important
}

.module-container .module.ModuleArticle,
.module-container .module.ModuleArticleRelated {
    display: block;
    overflow: hidden
}

.module-container .module.ModuleArticle .article-container,
.module-container .module.ModuleArticleRelated .article-container {
    overflow: hidden
}

.module-container .module.ModuleArticle .article-items,
.module-container .module.ModuleArticleRelated .article-items {
    margin: 0 90px
}

.module-container .module.ModuleArticle .article-items.standard,
.module-container .module.ModuleArticleRelated .article-items.standard {
    flex-wrap: wrap;
    display: flex
}

.module-container .module.ModuleArticle .article-items .article-item-container,
.module-container .module.ModuleArticleRelated .article-items .article-item-container,
.module-container .module.ModuleArticle .article-items .article2-item-container,
.module-container .module.ModuleArticleRelated .article-items .article2-item-container {
    overflow: hidden
}

.module-container .module.ModuleArticle .article-items .article-item,
.module-container .module.ModuleArticleRelated .article-items .article-item {
    min-width: 190px;
    position: relative
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container {
    animation: fadeInUp .3s ease-out forwards;
    -webkit-animation: fadeInUp .3s ease-out forwards
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-title,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-title {
    text-align: left;
    margin-bottom: 10px;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-title a,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-title a {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    outline: none
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-title a:focus>.outline,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-title a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container {
    display: flex;
    flex-direction: column
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container .article-item-info,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container .article-item-info {
    text-align: left
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container .article-item-info p,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container .article-item-info p {
    margin-top: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 7px
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container {
    margin-top: 5px
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 7px
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags span,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags span {
    white-space: nowrap;
    display: inline-block
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-category,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-category {
    text-align: left;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 7px
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-introtext,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-introtext {
    text-align: left;
    margin: 20px 0
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-footer,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-footer {
    text-align: left;
    margin-bottom: 20px;
    margin-top: 30px
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a {
    max-width: 100%;
    outline: none
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a span,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.module-container .module.ModuleArticle .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a:focus>.outline,
.module-container .module.ModuleArticleRelated .article-items .article-item .article-item-container .article-item-footer .article-item-readmore a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.module-container .module.ModuleArticle .article-items .article2-item,
.module-container .module.ModuleArticleRelated .article-items .article2-item {
    min-width: 190px;
    color: #000101
}

.module-container .module.ModuleArticle .article-items .article2-item.background-highlight,
.module-container .module.ModuleArticleRelated .article-items .article2-item.background-highlight {
    box-shadow: inset 0 0 0 3px #857dff !important
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-header,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-header {
    position: relative;
    min-height: 41px
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-header .article2-item-published-date,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-header .article2-item-published-date {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-header .article2-item-published-date.center,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-header .article2-item-published-date.center {
    top: 0;
    right: 0;
    left: 0
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body p,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body p {
    color: gray
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-info,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-info {
    padding: 15px 20px;
    margin-top: 2px;
    display: flex;
    justify-content: space-between
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-info .article2-item-author,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-info .article2-item-author {
    text-align: left
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-info .article2-item-author i,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-info .article2-item-author i {
    padding-right: 6px
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-desc,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-desc {
    padding: 25px 30px;
    text-align: center
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-desc .article2-item-title,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-desc .article2-item-title {
    padding-bottom: 10px;
    text-transform: uppercase;
    max-width: 100%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-desc .article2-item-title a,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-desc .article2-item-title a {
    color: #000101
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-category-container,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-category-container {
    padding: 15px 20px;
    margin-top: 2px;
    text-align: left
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-tags-container,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-tags-container {
    padding: 15px 20px;
    margin-top: 2px;
    text-transform: uppercase;
    text-align: left
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-tags-container .article2-item-tags,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-tags-container .article2-item-tags {
    display: inline-block
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-body .article2-item-tags-container span,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-body .article2-item-tags-container span {
    padding-right: 2px;
    white-space: nowrap;
    display: inline-block
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-footer,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-footer {
    margin-top: 2px
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-footer .article2-item-readmore,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-footer .article2-item-readmore {
    text-align: center
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-footer .article2-item-readmore a,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-footer .article2-item-readmore a {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleArticle .article-items .article2-item .article2-item-footer .article2-item-readmore a span,
.module-container .module.ModuleArticleRelated .article-items .article2-item .article2-item-footer .article2-item-readmore a span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    padding: 0 20px
}

.module-container .module.ModuleArticle .loadmore-container,
.module-container .module.ModuleArticleRelated .loadmore-container {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleArticle .loadmore-container .article-items-loadmore,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-loadmore {
    margin: 30px 0;
    max-width: 100%
}

.module-container .module.ModuleArticle .loadmore-container .article-items-loadmore a,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-loadmore a {
    max-width: 100%
}

.module-container .module.ModuleArticle .loadmore-container .article-items-loadmore a .article-item-loadmore-text,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-loadmore a .article-item-loadmore-text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.module-container .module.ModuleArticle .loadmore-container .article-items-loadmore.hide,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-loadmore.hide {
    display: none
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    user-select: none
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color .15s, background .3s
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon {
    fill: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 15px)
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon svg,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon svg {
    width: 100%;
    height: 100%;
    fill: inherit
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon svg *,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon .arrow-icon svg * {
    fill: inherit
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon.to-left .arrow-icon svg,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.icon.to-left .arrow-icon svg {
    transform: rotate(180deg)
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item .page-link,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item .page-link {
    height: 100%;
    width: 100%;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.disabled,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.disabled {
    opacity: .4;
    pointer-events: none !important
}

.module-container .module.ModuleArticle .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.disabled *,
.module-container .module.ModuleArticleRelated .loadmore-container .article-items-pagination .pagination-wrapper .pagination .page-item.disabled * {
    pointer-events: none !important
}

.row-container.container .module-container .module.ModuleArticle .article-items,
.row-container.container .module-container .module.ModuleArticleRelated .article-items {
    margin: 0;
    opacity: 1;
    transition: opacity .3s
}

.row-container.container .module-container .module.ModuleArticle .article-items.not-loaded,
.row-container.container .module-container .module.ModuleArticleRelated .article-items.not-loaded {
    opacity: 0
}

.article-categories {
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: inherit
}

.article-categories>li {
    display: block;
    float: left;
    position: relative;
    background-color: inherit;
    margin-bottom: -5px;
    max-width: 100%
}

.article-categories>li a {
    padding-top: .3em;
    padding-bottom: .3em;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease
}

.article-categories>li a span.title[contenteditable=true] {
    outline: none;
    cursor: text !important
}

.article-categories>li a i {
    font-size: 1.7em;
    vertical-align: middle
}

.article-categories>li>ul {
    text-align: left;
    left: -15px;
    min-width: 130px;
    padding: 0 15px !important
}

.article-categories>li>ul li a {
    margin: 0 !important
}

.article-categories>li ul {
    margin-top: 5px;
    padding: 0;
    position: absolute;
    display: none;
    background-color: inherit
}

.article-categories>li ul li {
    float: none;
    margin-right: 0
}

.article-categories>li ul li a {
    position: relative
}

.article-categories>li ul li a i {
    position: absolute;
    right: 3px;
    height: 100%
}

.article-categories>li ul li:first-child a {
    padding-top: .6em
}

.article-categories>li ul li:last-child a {
    padding-bottom: .6em
}

.article-categories>li ul ul {
    top: 0;
    left: 100%
}

.article-categories>li ul li:not(:first-child) ul {
    top: -.3em
}

.article-categories>li:hover>ul {
    display: block
}

.ModuleArticleCategories {
    width: 100%
}

.ModuleArticleCategories .article-categories-innner {
    max-width: 100%
}

.ModuleArticleCategories .vertical.article-categories-items .article-categories {
    max-width: 100%
}

.ModuleArticleCategories .vertical.article-categories-items .article-categories>li {
    float: none
}

.ModuleArticleCategories .vertical.article-categories-items .article-categories>li a {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0;
    display: block;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.ModuleArticleCategories .vertical.article-categories-items .article-categories>li:last-child>a {
    margin-bottom: 0 !important
}

.ModuleArticleCategories .horizontal.article-categories-items {
    max-width: 100%
}

.ModuleArticleCategories .horizontal.article-categories-items .article-categories {
    max-width: 100%
}

.ModuleArticleCategories .horizontal.article-categories-items .article-categories>li {
    max-width: 100%
}

.ModuleArticleCategories .horizontal.article-categories-items .article-categories>li:last-child>ul {
    right: -15px;
    left: auto;
    text-align: right
}

.ModuleArticleCategories .horizontal.article-categories-items .article-categories>li:last-child>a {
    font-size: 16px;
    margin-right: 0 !important
}

.module.ModuleArticleCategories .stretch-labels {
    width: 100%
}

.module.ModuleArticleCategories .stretch-labels.article-categories-items:not(.vertical) ul.article-categories {
    display: flex
}

.module.ModuleArticleCategories .stretch-labels ul.article-categories li.article-category {
    flex: 1
}

.module.ModuleArticleCategories .stretch-labels ul.article-categories li.article-category a {
    white-space: normal;
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleArticleSingle {
    display: block
}

.module-container .module.ModuleArticleSingle .article-margin-controller {
    position: relative
}

.module-container .module.ModuleArticleSingle .article-item {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-fulltext {
    font-size: 12px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-fulltext img {
    height: auto
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container {
    width: 100%;
    padding-bottom: 30px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-title {
    text-align: left
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container p {
    margin-top: 5px;
    text-align: left
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-info .single-article-hits.loading-spinner {
    width: 15px;
    height: 15px;
    border-left: 1px solid #8c8c85;
    border-right: 1px solid #8c8c85;
    border-bottom: 1px solid #d4d4c9;
    border-top: 1px solid #8c8c85
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-tags-container .article-item-tags span {
    display: inline-block
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .table {
    margin: 15px 0;
    display: table;
    width: 100%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .table table {
    border: 2px solid #8a8a83;
    border-radius: 5px;
    width: 100%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .table table thead {
    background-color: transparent
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .table table tr th {
    border-bottom: 1px solid #e1e1e1;
    color: #8c8c85;
    text-align: center
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .table table tr td {
    min-width: 40px;
    padding: 10px;
    border-color: #e1e1e1;
    color: #8c8c85;
    text-align: center
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-fulltext ul.todo-list {
    list-style: none
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-fulltext ul.todo-list li {
    display: flex
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-info-container .article-item-fulltext ul.todo-list li .todo-list__label .todo-list__label__checkmark {
    width: auto;
    height: auto;
    zoom: 1.5;
    margin-right: 10px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-image {
    margin-top: 20px;
    overflow: hidden
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-image img {
    width: 100%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-image img.loaded+div {
    display: none
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-category {
    text-align: left;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 7px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext {
    text-align: left
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext .native-scroll-box {
    display: contents
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext .image-style-align-right {
    float: right;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext .image-style-align-left {
    float: left;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext .ucvideo-style-align-right {
    float: right;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext .ucvideo-style-align-left {
    float: left;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext code {
    background-color: rgba(200, 200, 200, .3);
    padding: .2em;
    border-radius: 4px
}

.module-container .module.ModuleArticleSingle .article-item .article-item-container .article-item-fulltext video {
    margin: 1em 40px
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper {
    color: #8c8c85
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul {
    padding: 0;
    margin-bottom: 60px;
    text-align: left
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul li {
    font-size: 30px;
    margin-right: 10px;
    color: inherit;
    position: relative;
    display: inline-block
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul li:hover {
    opacity: .8
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul li a svg {
    width: 30px;
    height: 30px;
    fill: #8c8c85
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul li a svg path {
    fill: #8c8c85
}

.module-container .module.ModuleArticleSingle .article-item .article-social-icon .social-icon-wrapper ul li:last-child {
    margin-right: 0 !important
}

.module-container .module.ModuleArticleSingle .article2-item {
    text-align: left;
    padding-bottom: 30px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container {
    width: 100%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-image {
    position: relative;
    margin-top: 30px;
    overflow: hidden
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-title {
    overflow: hidden;
    text-overflow: ellipsis
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-info p {
    margin-bottom: 10px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-info p .article2-item-author {
    font-weight: 700
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-info p .article2-item-author span {
    padding-right: 5px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-info p .divisor {
    padding: 0 5px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-info-container .article2-item-info .single-article-hits.loading-spinner {
    width: 15px;
    height: 15px;
    border-left: 1px solid #8c8c85;
    border-right: 1px solid #8c8c85;
    border-bottom: 1px solid #d4d4c9;
    border-top: 1px solid #8c8c85
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext {
    margin-top: 15px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .image-style-align-right {
    float: right;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .image-style-align-left {
    float: left;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .ucvideo-style-align-right {
    float: right;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .ucvideo-style-align-left {
    float: left;
    max-width: 50%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext code {
    background-color: rgba(200, 200, 200, .3);
    padding: .2em;
    border-radius: 4px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext video {
    margin: 1em 40px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .table {
    margin: 15px auto;
    display: table;
    width: 50%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .table table {
    border: 2px solid #8a8a83;
    border-radius: 5px;
    width: 100%
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .table table thead {
    background-color: transparent
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .table table tr th {
    border-bottom: 1px solid #e1e1e1;
    color: #8c8c85;
    text-align: center
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-container .article2-item-fulltext .table table tr td {
    min-width: 40px;
    padding: 10px;
    color: #8c8c85;
    text-align: center;
    border: 1px solid #e1e1e1
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left {
    flex: 1
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-tags-container {
    text-align: left;
    padding-left: 30px;
    display: flex
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-tags-container span {
    padding: 0 0 0 10px;
    font-weight: 700;
    white-space: nowrap
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-tags-container .article2-item-tag {
    white-space: nowrap
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-tags-container .article2-item-tags {
    flex: 1
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-category {
    text-align: left
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-item-left .article2-item-category span {
    padding-left: 10px;
    font-weight: 700
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon {
    padding-left: 15px
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #8c8c85
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper span {
    padding-right: 15px;
    white-space: nowrap
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul {
    padding: 0;
    text-align: left;
    display: flex
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li {
    font-size: 30px;
    margin-right: 10px;
    color: inherit;
    position: relative;
    display: inline-block
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li:hover {
    opacity: .8
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li a svg {
    width: 30px;
    height: 30px;
    fill: #8c8c85
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li a svg path {
    fill: #8c8c85
}

.module-container .module.ModuleArticleSingle .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li:last-child {
    margin-right: 0 !important
}

.module-container .module.ModuleArticleSingle .article2-item #disqus_thread {
    margin-top: 60px
}

.module-container .module.ModuleArticleSingle .disqus-message {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    line-height: 50px;
    color: #239dff;
    background-color: rgba(35, 157, 255, .102);
    border: 1px solid #239dff;
    border-radius: 4px
}

.module-container .module.ModuleArticleSingle .disqus-message.masonry {
    margin-top: 60px
}

.module-container .module.ModuleArticleSingle .disqus-message svg {
    width: 40px;
    height: 40px;
    padding-right: 5px
}

.module-container .module.ModuleArticleSingle .article-img+span {
    display: none !important
}

@media only screen and (max-width:465px) {
    .article2-item .article2-item-footer {
        flex-direction: column
    }
    .article2-item .article2-item-footer .article2-social-icon {
        padding: 40px 0 0 !important
    }
    .article2-item .article2-item-footer .article2-social-icon .social-icon-wrapper ul li {
        margin-right: 5px !important
    }
}

.article__img-padding {
    max-width: 100%
}

.module-container .module.ModuleBreadcrumb {
    max-width: 100%
}

.module-container .module.ModuleBreadcrumb ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

.module-container .module.ModuleBreadcrumb ul li {
    max-width: 100%;
    padding-bottom: 5px;
    padding-top: 5px
}

.module-container .module.ModuleBreadcrumb ul li a {
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleBreadcrumb ul li:last-of-type {
    display: none
}

.module-container.align-right .module.ModuleBreadcrumb ul {
    justify-content: flex-end
}

.module-container.align-left .module.ModuleBreadcrumb ul {
    justify-content: flex-start
}

.module.ModuleButton {
    max-width: 100%
}

.module.ModuleButton .button .btn>span {
    pointer-events: none
}

.module.ModuleButton a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.module-container .module.ModuleCalendly {
    display: block
}

.module-container .module.ModuleCalendly .custom-html-container {
    width: 100%;
    overflow-y: hidden
}

.module-container .module.ModuleCalendly .calendly-inline-widget {
    min-height: 650px
}

html.mobile .module-container .module.ModuleCalendly .has-inline-elements,
html.tablet .module-container .module.ModuleCalendly .has-inline-elements {
    height: 600px;
    -webkit-overflow-scrolling: touch
}

.module.ModuleCountdown .countdown-module-container {
    width: 100%
}

.module.ModuleCountdown .countdown-text {
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    z-index: 0
}

.module.ModuleCountdown .countdown-text>div {
    display: flex;
    align-items: center;
    flex-direction: column
}

.module.ModuleCountdown .countdown-text>div .number {
    letter-spacing: 2px
}

.module.ModuleCountdown .countdown-text>div .number.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.module.ModuleCountdown .countdown-text>div .text {
    letter-spacing: 1px;
    text-transform: uppercase
}

.module.ModuleCountdown .countdown-text>div .text.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.module.ModuleCountdown .countdown-text>div .text.hide {
    display: none
}

.module.ModuleCountdown .countdown-text .colon.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.module.ModuleCountdown .countdown-text .colon.hide {
    font-size: 0 !important;
    margin-top: 0
}

.module.ModuleCountdown .countdown-text .padding {
    padding: 0 8px !important
}

.module.ModuleCountdown .countdown-text span {
    font-weight: 700;
    max-width: 100%;
    overflow: hidden
}

.module.ModuleCountdown .countdown-text.after-countdown-starts.hide,
.module.ModuleCountdown .countdown-text.after-countdown-ends.hide {
    display: none
}

.module-container .module.ModuleCustomHtml {
    display: block
}

.module-container .module.ModuleCustomHtml img {
    width: auto
}

.ModuleDisqus {
    width: 100%
}

.ModuleDisqus.module {
    background: #fff
}

.ModuleDisqus .disqus-message {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    line-height: 50px;
    color: #239dff;
    background-color: rgba(35, 157, 255, .102);
    border: 1px solid #239dff;
    border-radius: 4px
}

.ModuleDisqus .disqus-message.masonry {
    margin-top: 60px
}

.ModuleDisqus .disqus-message svg {
    width: 40px;
    height: 40px;
    padding-right: 5px
}

.ModuleDisqus .disqus-module-block .iframe-wrapper {
    width: 100%;
    height: 100%
}

.ModuleDisqus .disqus-module-block .iframe-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: all !important
}

.ModuleDisqus iframe {
    padding: 0 10px
}

.module-container .module.ModuleDivider {
    display: block
}

.module.ModuleDivider .divider-container .divider-inner {
    border-bottom-style: solid;
    border-image-slice: 1
}

.module.ModuleDivider .divider-container .divider-inner.divider-content {
    margin-left: -30px;
    margin-right: 30px;
    min-width: 60px
}

.module-container .module.ModuleSpace {
    display: block
}

.module-container .module.ModuleSpace .uc-row {
    overflow: hidden
}

.module.ModuleSpace .space-container .space-inner {
    min-height: 1px
}

.module-container .module.ModuleEventbrite {
    display: block
}

.module-container .module.ModuleEventbrite button {
    font-size: 13px
}

#eventbrite-widget-modal-loader {
    position: fixed !important
}

.module-container .module.ModuleFacebookFeed {
    display: block;
    width: 100%
}

.module-container .module.ModuleForm {
    text-align: left;
    display: block
}

.module-container .module.ModuleForm .moduleForm-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleForm .selected-file .input-message {
    display: none
}

.errors-left {
    position: relative
}

.public-file-uploader-form {
    display: none
}

.public-file-uploader-process {
    font-size: 10px
}

.public-file-uploader-container .hidden {
    display: none !important
}

.grecaptcha-badge {
    display: none !important
}

.remove-outline {
    outline: none !important
}

.module-container .module.ModuleGallery {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.module-container .module.ModuleGallery .effect-block>.layer {
    pointer-events: none
}

.module-container .module.ModuleGallery .gallery-image>a {
    display: block;
    width: 100%;
    height: 100%
}

.module-container .module.ModuleGallery .gallery-image>a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.module-container .module.ModuleGallery .effect-block .figcaption {
    pointer-events: none
}

.module-container .module.ModuleGallery .gallery {
    display: flex;
    flex-wrap: wrap
}

.module-container .module.ModuleGallery .gallery img {
    transform: scale(1)
}

.module-container .module.ModuleGallery .gallery .gallery-item-inner {
    position: relative
}

.module-container .module.ModuleGallery .gallery .animated-loading-item:not(.hidden) .animated-item {
    display: block !important;
    opacity: 1 !important
}

.module-container .module.ModuleGallery .gallery .show-title-on-hower .image-title,
.module-container .module.ModuleGallery .gallery .show-title-on-hower .image-description {
    opacity: 0
}

.module-container .module.ModuleGallery .gallery .show-title-on-hower:hover .image-title,
.module-container .module.ModuleGallery .gallery .show-title-on-hower:hover .image-description {
    opacity: 1
}

.module-container .module.ModuleGallery .gallery.masonry-layout .gallery-item img {
    width: 100%
}

.module-container .module.ModuleGallery .gallery-img-container .gallery-image[data-preview="0"] .single-item,
.module-container .module.ModuleGallery .uc-masonry-item-block .gallery-image[data-preview="0"] .single-item {
    cursor: unset
}

.module-container .module.ModuleGallery .gallery-img-container {
    height: 0;
    padding-top: 75%;
    position: relative;
    overflow: hidden
}

.module-container .module.ModuleGallery .gallery-img-container .gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.module-container .module.ModuleGallery .gallery-img-container .gallery-image .single-item {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.module-container .module.ModuleGallery .image-title {
    margin-top: 12px;
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleGallery .image-title.is_masonry {
    position: relative;
    z-index: 1
}

.module-container .module.ModuleGallery .image-description {
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleGallery .image-description.is_masonry {
    position: relative;
    z-index: 1
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    display: none;
    pointer-events: none
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item:nth-child(1) {
    z-index: 2
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item .slide-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item .slide-background a {
    display: block;
    width: 100%;
    height: 100%
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item.active-slide {
    display: block;
    z-index: 3;
    opacity: 1;
    pointer-events: all
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item.next-slide {
    display: block;
    z-index: 2;
    opacity: 1
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item .layer {
    pointer-events: none
}

.module-container .module.ModuleGallery .slider-wrapper .slider-container .slider-item:not(.effect-block) .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.module-container .module.ModuleGallery .slider-wrapper .slider-arrows div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    z-index: 3;
    cursor: pointer
}

.module-container .module.ModuleGallery .slider-wrapper .slider-arrows div.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.module-container .module.ModuleGallery .slider-wrapper .slider-arrows .slider-left {
    left: 20px
}

.module-container .module.ModuleGallery .slider-wrapper .slider-arrows .slider-right {
    right: 20px
}

.module-container .module.ModuleGallery .slider-wrapper .slide-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 4;
    text-align: center
}

.module-container .module.ModuleGallery .slider-wrapper .slide-pagination .slide-pointer {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin: 0 4px
}

.module-container .module.ModuleGallery .slider-wrapper .slide-pagination .slide-pointer a {
    cursor: pointer;
    display: inherit;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    opacity: .3;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px
}

.module-container .module.ModuleGallery .slider-wrapper .slide-pagination .slide-pointer a.background-highlight {
    box-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.module-container .module.ModuleGallery .slider-wrapper .slide-pagination .slide-pointer a.active {
    opacity: .9
}

.module-container .module.ModuleGallery .loadmore-container {
    width: 100%;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleGallery .loadmore-container .image-items-loadmore {
    margin: 30px 0;
    cursor: pointer;
    max-width: 100%
}

.module-container .module.ModuleGallery .loadmore-container .image-items-loadmore a {
    max-width: 100%
}

.module-container .module.ModuleGallery .loadmore-container .image-items-loadmore a .image-item-loadmore-text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.module-container .module.ModuleGallery .loadmore-container .image-items-loadmore.hide {
    display: none
}

.module-container .module.ModuleGallery .loadmore-container .image-items-loadmore .image-items-loadmore.hide {
    display: none
}

.module-container .module.ModuleGallery .hidden {
    display: none !important
}

.module-container .module.ModuleGallery .uc-masonry-item-block .gallery-image a {
    position: relative
}

.module-container .module.ModuleGallery .uc-masonry-item-block .single-item {
    cursor: pointer
}

.module-container .module.ModuleGallery .uc-masonry-item-block .image {
    width: 100%
}

html:not(.admin-mode) .module.ModuleGallery .uc-masonry-item {
    position: relative
}

html:not(.admin-mode) .module.ModuleGallery .uc-masonry-item-title-description {
    left: 0;
    right: 0;
    position: absolute;
    pointer-events: none
}

a[onclick],
div[onclick] {
    cursor: pointer !important
}

@keyframes imageEffect {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ModuleIcon .icon svg {
    width: 100%;
    height: 100%;
    fill: inherit
}

.ModuleIcon .icon svg * {
    fill: inherit !important;
    stroke: transparent !important
}

.ModuleIcon .icon svg [fill=none] {
    fill: none !important
}

.ModuleIcon .icon>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.ModuleIcon .icon>a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.module-container>.ModuleIcon {
    display: inline-block !important
}

html:not(.admin-mode) .module-container .ModuleImage {
    overflow: hidden !important
}

.module-container .module.ModuleImage {
    display: block
}

.module-container .module.ModuleImage .background-image {
    background-size: cover;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center
}

.module-container .module.ModuleImage img {
    width: 100%;
    vertical-align: top;
    display: block;
    height: auto
}

.module-container .module.ModuleImage .image-title {
    padding-top: 12px;
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleImage .image-description {
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden
}

.module-container .module.ModuleImage .fixed-ratio {
    display: block;
    position: relative;
    height: 0
}

.module-container .module.ModuleImage .fixed-ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: inherit
}

.module-container .module.ModuleImage .figcaption {
    cursor: default
}

.module-container .module.ModuleImage .image-module-link .figcaption {
    cursor: pointer
}

.module-container .module.ModuleImage a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.module-container .module.ModuleImage .has-hover-image .hover-image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity 1s ease-in-out
}

.module-container .module.ModuleImage .has-hover-image .main-image {
    opacity: 1;
    transition: opacity 1s ease-in-out
}

.module-container .module.ModuleImage .has-hover-image:hover .hover-image {
    opacity: 1
}

.module-container .module.ModuleImage .has-hover-image:hover .main-image {
    opacity: 0
}

.module-container .module.ModuleImage .image-fake-block {
    width: 100%
}

.module-container .module.ModuleImage img.loaded+.image-fake-block {
    display: none
}

a[onclick],
div[onclick] {
    cursor: pointer !important
}

.module-container .module.ModuleInstagram {
    display: block
}

.module-container .module.ModuleInstagram .custom-html-container>iframe {
    position: relative !important
}

.module-container .module.ModuleItunes {
    display: block
}

.module-container .module.ModuleItunes .uc-scroll {
    padding-top: 15px;
    margin-top: -15px
}

.ModuleLanguageSwitcher {
    z-index: 3
}

.ModuleLanguageSwitcher.module {
    max-width: 100%
}

.ModuleLanguageSwitcher .languages {
    position: relative;
    pointer-events: auto !important
}

.ModuleLanguageSwitcher .languages.open ul {
    opacity: 1;
    display: block;
    pointer-events: all
}

.ModuleLanguageSwitcher .languages.open.top .main-language {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ModuleLanguageSwitcher .languages.open.bottom .main-language {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.ModuleLanguageSwitcher .languages.top ul {
    top: auto;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.ModuleLanguageSwitcher .languages.top ul li a,
.ModuleLanguageSwitcher .languages.top ul li .lang-item-link {
    border-top-width: 0 !important
}

.ModuleLanguageSwitcher .languages.top ul li:last-child a,
.ModuleLanguageSwitcher .languages.top ul li:last-child .lang-item-link {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.ModuleLanguageSwitcher .languages.bottom ul {
    top: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    transform: translateY(-100%);
    border-bottom-width: 0
}

.ModuleLanguageSwitcher .languages.bottom ul li a,
.ModuleLanguageSwitcher .languages.bottom ul li .lang-item-link {
    border-bottom-width: 0 !important
}

.ModuleLanguageSwitcher .languages.bottom ul li:first-child a,
.ModuleLanguageSwitcher .languages.bottom ul li:first-child .lang-item-link {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ModuleLanguageSwitcher .languages .uppercase {
    text-transform: uppercase
}

.ModuleLanguageSwitcher .languages .main-language {
    position: relative;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    justify-content: space-between
}

.ModuleLanguageSwitcher .languages .main-language>span {
    pointer-events: none
}

.ModuleLanguageSwitcher .languages .main-language .custom-arrow-dropdown {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.ModuleLanguageSwitcher .languages ul {
    overflow-y: overlay;
    max-height: 355px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1;
    list-style: none
}

.ModuleLanguageSwitcher .languages ul li {
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    text-align: left
}

.ModuleLanguageSwitcher .languages ul li:last-child {
    border: none
}

.ModuleLanguageSwitcher .languages ul li a,
.ModuleLanguageSwitcher .languages ul li .lang-item-link {
    text-decoration: none;
    cursor: pointer
}

.ModuleLanguageSwitcher .languages ul li a.disabled,
.ModuleLanguageSwitcher .languages ul li .lang-item-link.disabled {
    opacity: .7;
    cursor: not-allowed
}

.ModuleLanguageSwitcher .languages ul li a:focus {
    position: relative;
    outline: none
}

.ModuleLanguageSwitcher .languages ul li a:focus>.outline {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    outline: -webkit-focus-ring-color auto 1px;
    z-index: 2
}

.ModuleLanguageSwitcher .flag {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 18px;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.ModuleLanguageSwitcher .name {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ModuleLanguageSwitcher .disable-switcher {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: auto !important
}

.ModuleLanguageSwitcher .lng-ic-down {
    display: flex
}

.ModuleLanguageSwitcher .low-zIndex {
    z-index: 0
}

@media only screen and (max-width:480px) {
    .module-container.align-left.ModuleLogo.first.last {
        padding-right: 0 !important
    }
}

.full-width.module.ModuleLogo {
    display: block
}

.module.ModuleLogo img {
    width: 100%
}

.module.ModuleLogo a.favicon {
    max-width: 64px;
    display: inline-block
}

.module.ModuleLogo .fixed-ratio {
    display: block;
    overflow: hidden
}

.module.ModuleLogo .fixed-ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: inherit
}

.module-container .module.ModuleMap {
    display: block
}

.map {
    width: 100%
}

.map-field {
    position: relative;
    margin-top: 40px
}

.map-field:first-of-type {
    margin-top: 20px
}

.map-field p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    font-size: 13px !important
}

.ModuleNavigation .icon svg {
    width: 100%;
    height: 100%;
    fill: inherit
}

.ModuleNavigation .icon svg * {
    fill: inherit !important;
    stroke: transparent !important
}

.ModuleNavigation .icon svg [fill=none] {
    fill: none !important
}

.ModuleNavigation .icon.background-highlight {
    -webkit-filter: drop-shadow(1px 1px 1px #857dff) !important;
    filter: drop-shadow(1px 1px 1px #857dff) !important
}

@media only screen and (max-width:767px) {
    .ModuleNavigation li.only-desktop {
        display: none !important
    }
}

.ModuleNavigation li.hide {
    display: none !important
}

@media only screen and (min-width:768px) {
    .ModuleNavigation li.only-mobile {
        display: none !important
    }
}

.ModuleNavigation .sub-pos-not-checked {
    opacity: 0
}

.ModuleNavigation .sub-to-right {
    left: 0 !important
}

.ModuleNavigation .sub-to-right::before {
    left: 20px !important;
    right: auto !important
}

.ModuleNavigation .sub-to-left {
    right: 0 !important
}

.ModuleNavigation .sub-to-left::before {
    left: auto !important;
    right: 20px !important
}

html:not(.admin-mode) .header-rows {
    position: relative;
    z-index: 6
}

@media screen and (max-width:991px) {
    .main-rows .module.ModuleNavigation,
    .footer-rows .module.ModuleNavigation {
        display: block
    }
    .main-rows .module.ModuleNavigation .navigation-inner.horizontal .navigation,
    .footer-rows .module.ModuleNavigation .navigation-inner.horizontal .navigation {
        display: inline-flex;
        flex-direction: row;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch
    }
    .main-rows .module.ModuleNavigation .navigation-inner.horizontal .navigation li,
    .footer-rows .module.ModuleNavigation .navigation-inner.horizontal .navigation li {
        white-space: nowrap
    }
}

.header-rows {
    z-index: 3
}

@media screen and (max-width:991px) {
    .header-rows .ModuleNavigation>.navigation-inner:not(.in-canvas)>.standard-view {
        display: none
    }
    .header-rows .ModuleNavigation>.navigation-inner:not(.in-canvas)>.off-canvas-button {
        display: inline-block !important
    }
    .header-rows .ModuleNavigation>.navigation-inner:not(.in-canvas) .off-canvas-container {
        width: 100% !important
    }
    .header-rows .ModuleNavigation>.navigation-inner.in-canvas ul.navigation {
        display: inline-block
    }
}

.ModuleNavigation.module {
    width: 100%
}

.ModuleNavigation.module .navigation-inner:not(.burger) .off-canvas-button {
    display: none
}

.ModuleNavigation.module .navigation-inner:not(.standard) .navigation {
    display: none
}

.ModuleNavigation.module .navigation-inner:not(.standard) .off-canvas-column .navigation {
    display: inline-block;
    flex-wrap: wrap
}

.ModuleNavigation.module .navigation-inner.horizontal:not(.in-canvas) .standard-view .navigation {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 7px 0;
    overflow: inherit
}

.ModuleNavigation.module .navigation-inner.horizontal:not(.in-canvas) .standard-view .navigation.open-sub-pages {
    overflow: inherit
}

.ModuleNavigation.module .navigation-inner.horizontal:not(.in-canvas) .standard-view .navigation>.page {
    display: flex
}

.ModuleNavigation.module .stretch-labels {
    width: 100%
}

.ModuleNavigation.module .stretch-labels>.in-canvas ul.navigation,
.ModuleNavigation.module .stretch-labels ul.navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.ModuleNavigation.module .stretch-labels>.in-canvas ul.navigation li.page a,
.ModuleNavigation.module .stretch-labels ul.navigation li.page a {
    white-space: normal;
    max-width: 100%;
    overflow: hidden
}

.ModuleNavigation .vertical .navigation li {
    float: none
}

.ModuleNavigation .in-canvas .has-childes.page .page-children .uci-dropdown-arrow-down {
    transform: inherit !important
}

.ModuleNavigation .in-canvas .navigation-inner:not(.horizontal) .navigation .page-children {
    min-width: auto
}

.ModuleNavigation .in-canvas .navigation-inner:not(.horizontal) .navigation .page-children a {
    white-space: normal
}

.ModuleNavigation.module-container {
    z-index: auto
}

.ModuleNavigation.module-container.dragging ul.navigation,
.ModuleNavigation.module-container.selected ul.navigation,
.ModuleNavigation.module-container.disabled ul.navigation {
    pointer-events: none !important
}

.ModuleNavigation.module-container.dragging ul.navigation *,
.ModuleNavigation.module-container.selected ul.navigation *,
.ModuleNavigation.module-container.disabled ul.navigation * {
    pointer-events: none !important
}

.ModuleNavigation.module-container:not(.disabled) .navigation,
.ModuleNavigation.module-container:not(.dragging) .navigation {
    pointer-events: auto !important
}

.ModuleNavigation.module-container:not(.disabled) .navigation *,
.ModuleNavigation.module-container:not(.dragging) .navigation * {
    pointer-events: auto !important
}

.ModuleNavigation.module-container:not(.disabled) li.page a:not(.editing) span.title::selection,
.ModuleNavigation.module-container:not(.dragging) li.page a:not(.editing) span.title::selection {
    background: 0 0
}

.ModuleNavigation.module-container:not(.disabled) li.page a:not(.editing) span.title::-moz-selection,
.ModuleNavigation.module-container:not(.dragging) li.page a:not(.editing) span.title::-moz-selection {
    background: 0 0
}

.ModuleNavigation.module-container:not(.disabled) li.heading-page:not(.has-childes),
.ModuleNavigation.module-container:not(.dragging) li.heading-page:not(.has-childes) {
    cursor: default !important
}

.ModuleNavigation.module-container:not(.disabled) li.heading-page:not(.has-childes) a,
.ModuleNavigation.module-container:not(.dragging) li.heading-page:not(.has-childes) a {
    cursor: default !important
}

.ModuleNavigation.module-container:not(.disabled) li.heading-page .page:not(.heading-page) .nav-item,
.ModuleNavigation.module-container:not(.dragging) li.heading-page .page:not(.heading-page) .nav-item {
    cursor: pointer !important
}

.ModuleNavigation .navigation {
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: inherit
}

.ModuleNavigation .navigation .nav-item {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.ModuleNavigation .navigation ul .nav-item.left {
    justify-content: flex-start
}

.ModuleNavigation .navigation ul .nav-item.right {
    justify-content: flex-end
}

.ModuleNavigation .navigation .center.sub-page-accordion .page>a {
    justify-content: center
}

.ModuleNavigation .navigation .right.sub-page-accordion .page>a {
    justify-content: flex-end;
    flex-direction: row
}

.ModuleNavigation .navigation .sub-page-accordion .page>.nav-item {
    width: 100%
}

.ModuleNavigation .navigation .sub-page-accordion .page>.nav-item.right {
    justify-content: flex-end;
    flex-direction: row
}

.ModuleNavigation .navigation .sub-page-accordion .page>.nav-item.left {
    justify-content: flex-start
}

.ModuleNavigation .navigation>.pages-accordion-type.has-childes a {
    display: flex;
    align-items: center
}

.ModuleNavigation .navigation>.pages-accordion-type.has-childes a.right {
    justify-content: flex-end
}

.ModuleNavigation .navigation>li {
    display: block;
    float: left;
    position: relative;
    background-color: inherit
}

.ModuleNavigation .navigation>li>.sub-page-accordion .sub-page-accordion {
    border-radius: 0 !important
}

.ModuleNavigation .navigation>li.has-childes.page a {
    line-height: normal
}

.ModuleNavigation .navigation>li.has-childes.page a>.uci-dropdown-arrow-down {
    margin-left: 6px
}

.ModuleNavigation .navigation>li.has-childes.page a>.arrow-for-accordion {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 11
}

.ModuleNavigation .navigation>li.has-childes.page a>.arrow-for-accordion::before {
    position: absolute;
    padding: 8px;
    left: -8px
}

.ModuleNavigation .navigation>li.has-childes.page [aria-expanded=true]>.arrow-for-accordion::before {
    transform: rotate(180deg)
}

.ModuleNavigation .navigation>li.has-childes.page>span:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    position: absolute
}

.ModuleNavigation .navigation>li.has-childes.page .page-children .uci-dropdown-arrow-down:not(.arrow-for-accordion):not(.navigation__dropdown-arrow) {
    transform: rotate(-90deg)
}

.ModuleNavigation .navigation>li.has-childes.page .page-children .sub-page-accordion {
    position: relative
}

.ModuleNavigation .navigation>li>ul.page-children.pagesArrows>li:not(.sub-page-accordion)>.page-children:not(.sub-page-accordion):after {
    content: "";
    position: absolute;
    background: 0 0;
    width: 10px;
    height: 100%;
    left: -10px;
    top: 0
}

.ModuleNavigation .navigation>li>ul.page-children.pagesArrows>li:not(.sub-page-accordion)>.page-children:not(.sub-page-accordion).left::after {
    left: auto;
    right: -10px
}

.ModuleNavigation .navigation>li>ul.page-children li {
    display: block
}

.ModuleNavigation .navigation>li>ul.page-children li.pages-accordion-type {
    flex-direction: column
}

.ModuleNavigation .navigation>li>ul.page-children li.right {
    text-align: right
}

.ModuleNavigation .navigation>li>ul.page-children li.center {
    text-align: center
}

.ModuleNavigation .navigation>li>ul.page-children.left li>.page-children:not(.sub-page-accordion) {
    left: 100%;
    right: auto
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page a {
    position: unset
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page a:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    position: absolute
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page.on-hover::after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: -10px;
    width: 10px
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page.on-hover.open-right::after {
    left: auto
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page.on-hover.open-left::after {
    left: -10px;
    right: auto
}

.ModuleNavigation .navigation>li>ul.page-children li.has-childes.page.on-hover.parent-right-to-left::after {
    left: -10px;
    right: auto
}

.ModuleNavigation .navigation>li>ul.page-children.open-to-top::before {
    top: 100% !important;
    transform: rotate(180deg)
}

.ModuleNavigation .navigation>li>ul.page-children.left.pagesArrows>li>.page-children:not(.sub-page-accordion) {
    margin-right: 0
}

.ModuleNavigation .navigation>li>ul.page-children.left.pagesArrows>li>.page-children:not(.sub-page-accordion):after {
    left: unset;
    right: -10px
}

.ModuleNavigation .navigation>li>ul.page-children.left.sub-page-accordion .page {
    justify-content: flex-start
}

.ModuleNavigation .navigation>li>ul.page-children.left .on-hover::after {
    left: auto;
    right: -10px
}

.ModuleNavigation .navigation>li>ul.page-children {
    box-shadow: 1px 1px 1px transparent
}

.ModuleNavigation .navigation>li>ul.page-children.center.sub-page-accordion .page {
    justify-content: center
}

.ModuleNavigation .navigation>li>ul.page-children.right.sub-page-accordion .page {
    justify-content: flex-end
}

.ModuleNavigation .navigation>li>a {
    position: relative
}

.ModuleNavigation .navigation>li>a:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    position: absolute
}

.ModuleNavigation .navigation li {
    list-style: none
}

.ModuleNavigation .navigation li.is-dragging {
    position: absolute
}

.ModuleNavigation .navigation li a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: color 150ms
}

.ModuleNavigation .navigation li a span.title[contenteditable=true] {
    outline: none;
    cursor: text !important
}

.ModuleNavigation .navigation li a i {
    font-size: 1.7em;
    vertical-align: middle
}

.ModuleNavigation .navigation li ul {
    list-style: none;
    min-width: max-content;
    min-width: -moz-max-content;
    position: absolute;
    padding: 0;
    background-color: inherit;
    z-index: 999999 !important
}

.ModuleNavigation .navigation li ul li {
    position: relative;
    float: none
}

.ModuleNavigation .navigation li ul li a {
    padding: 0 15px;
    position: relative;
    white-space: nowrap
}

.ModuleNavigation .navigation li ul li a i {
    position: absolute;
    right: 3px;
    height: 100%
}

.ModuleNavigation .navigation li ul li ul[sub-menu-index="1"]:not(.sub-page-accordion) {
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: auto
}

.ModuleNavigation.align-left .navigation li {
    text-align: left
}

.ModuleNavigation.align-left .navigation>li>.page-children .right-to-left.page-children:not(.sub-page-accordion) {
    right: 100%;
    left: unset !important;
    margin-left: 0 !important
}

.ModuleNavigation.align-left .navigation>li>.page-children .right-to-left.page-children:not(.sub-page-accordion).pagesArrows {
    margin-right: 10px !important
}

.ModuleNavigation.align-left .navigation>li>.page-children .right-to-left.page-children:not(.sub-page-accordion).pagesArrows>li:first-child:before {
    left: unset !important;
    right: -14px !important;
    transform: rotate(90deg) !important
}

.ModuleNavigation.align-left .navigation>li>a {
    justify-content: flex-start
}

.ModuleNavigation.align-center .navigation li {
    text-align: center
}

.ModuleNavigation.align-center .navigation li .page-children li {
    text-align: left
}

.ModuleNavigation.align-center .navigation>li>.page-children.pagesArrows.right .page-children:not(.sub-page-accordion) {
    right: 100%;
    margin-left: 0
}

.ModuleNavigation.align-center .navigation>li>.page-children.pagesArrows.right .page-children:not(.sub-page-accordion).pagesArrows {
    margin-right: 10px
}

.ModuleNavigation.align-center .navigation>li>.page-children.pagesArrows.right .page-children:not(.sub-page-accordion).pagesArrows>li:first-child:before {
    left: unset;
    right: -14px;
    transform: rotate(90deg)
}

.ModuleNavigation.align-center .navigation>li>.page-children .page-children:not(.sub-page-accordion).right-to-left {
    right: 100%;
    left: unset;
    margin-left: 0
}

.ModuleNavigation.align-center .navigation>li>.page-children .page-children:not(.sub-page-accordion).right-to-left.pagesArrows {
    margin-right: 10px
}

.ModuleNavigation.align-center .navigation>li>.page-children .page-children:not(.sub-page-accordion).right-to-left.pagesArrows>li:first-child:before {
    transform: rotate(90deg)
}

.ModuleNavigation.align-center .navigation>li>.page-children.right {
    right: 0;
    left: auto !important;
    transform: unset
}

.ModuleNavigation.align-center .navigation>li>.page-children.left:not(.sub-to-left):not(.sub-to-right) {
    right: auto !important;
    left: 0 !important;
    transform: unset
}

.ModuleNavigation.align-center .navigation>li>.page-children.left:not(.sub-to-left):not(.sub-to-right):before {
    left: calc(50% - 8px) !important;
    margin: unset !important;
    right: unset !important
}

.ModuleNavigation.align-center .navigation>li>.page-children.open-to-top::before {
    top: 100% !important;
    transform: rotate(180deg)
}

.ModuleNavigation.align-center .navigation>li>a {
    justify-content: center
}

.ModuleNavigation.align-right .navigation li {
    text-align: right
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).pagesArrows {
    margin-right: 10px
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).pagesArrows>li:first-child:before {
    transform: rotate(90deg)
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).left-to-right {
    right: unset;
    left: 100%;
    margin-right: 0
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).left-to-right.pagesArrows {
    margin-left: 10px
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).left-to-right.pagesArrows>li:first-child:before {
    left: -14px;
    right: unset;
    transform: rotate(-90deg)
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).right-to-left {
    right: 100%;
    left: unset;
    margin-left: 0
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).right-to-left.pagesArrows {
    margin-right: 10px
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).right-to-left.pagesArrows>li:first-child:before {
    left: unset;
    right: -14px;
    transform: rotate(90deg)
}

.ModuleNavigation.align-right .navigation>li>.page-children .page-children.right:not(.sub-page-accordion).right-to-left::after {
    right: -10px;
    left: auto
}

.ModuleNavigation.align-right .navigation>li>a {
    justify-content: flex-end
}

.off-canvas.active {
    transform: translate3d(0, 0, 0)
}

.off-canvas .off-canvas-column {
    width: 100%;
    align-items: flex-start;
    display: flex;
    justify-content: center;
    z-index: 1
}

.off-canvas .off-canvas-close {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 18px;
    fill: #999;
    cursor: pointer
}

.off-canvas .off-canvas-close.uci-close {
    font-size: 16px
}

.off-canvas.open {
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.off-canvas.open .navigation li {
    -webkit-animation-name: menuItemFadeInRight;
    animation-name: menuItemFadeInRight;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    opacity: 0
}

.off-canvas.open .navigation li:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.off-canvas.open .navigation li:nth-child(2) {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.off-canvas.open .navigation li:nth-child(3) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.off-canvas.open .navigation li:nth-child(4) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.off-canvas.open .navigation li:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.off-canvas.open .navigation li:nth-child(6) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.off-canvas.open .navigation li:nth-child(7) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.off-canvas.open .navigation li:nth-child(8) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.off-canvas.open .navigation li:nth-child(9) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.off-canvas.open .navigation li:nth-child(10) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.off-canvas.open .navigation li:nth-child(11) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.off-canvas.open .navigation li:nth-child(12) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.off-canvas.open .navigation li:nth-child(13) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.off-canvas.open .navigation li:nth-child(14) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.off-canvas.open .navigation li:nth-child(15) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.off-canvas.open .navigation li:nth-child(16) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.off-canvas.open .navigation li:nth-child(17) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.off-canvas.open .navigation li:nth-child(18) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

.off-canvas.open .navigation li:nth-child(19) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.off-canvas.open .navigation li:nth-child(20) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

.off-canvas.left-alignment.open .navigation li {
    -webkit-animation-name: menuItemFadeInLeft;
    animation-name: menuItemFadeInLeft
}

.off-canvas .off-canvas-inner-container {
    overflow-x: hidden
}

.off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-inner-row {
    overflow-x: hidden;
    overflow-y: hidden
}

.off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-inner-row .row-container {
    justify-content: center;
    width: 100%;
    min-height: auto;
    display: flex;
    align-items: center
}

.off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-inner-row .row-container.container .module-container {
    padding: 0
}

.off-canvas .off-canvas-inner-container .off-canvas-inner-wrapper .off-canvas-inner-row .row-container .row {
    width: 100%
}

.off-canvas .off-canvas-inner-container .ModuleNavigation .navigation-inner:not(.horizontal) .navigation li ul {
    min-width: inherit
}

.off-canvas .off-canvas-inner-container .ModuleNavigation .navigation-inner:not(.horizontal) .navigation li ul li a {
    white-space: normal
}

.off-canvas .off-canvas-inner-container .uc-row-wrapper .uc-row .container {
    max-width: 100%
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal) .navigation>li>ul.page-children ul.page-children {
    left: 0 !important
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal) .navigation ul {
    position: relative;
    text-align: center;
    left: 0
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal) .navigation ul li {
    -webkit-tap-highlight-color: transparent
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal) .navigation ul li a {
    -webkit-tap-highlight-color: transparent
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-left {
    text-align: left
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-left .in-canvas {
    padding-right: 30px
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-left .in-canvas .navigation li {
    text-align: left
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-center {
    text-align: center
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-center .in-canvas {
    padding-right: 15px;
    padding-left: 15px
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-center .in-canvas .navigation li {
    text-align: center
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-right {
    text-align: right
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-right .in-canvas {
    padding-left: 30px
}

.off-canvas .ModuleNavigation .navigation-inner:not(.horizontal).align-right .in-canvas .navigation li {
    text-align: right
}

.off-canvas-button {
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    display: inline-block
}

.off-canvas-button>svg {
    pointer-events: none
}

.off-canvas-button .lines-button {
    width: 18px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: 4px;
    background: 0 0 !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    outline: none;
    z-index: 1;
    transition: all 150ms
}

.off-canvas-button .lines-button .lines {
    display: inline-block;
    width: 18px;
    height: 2px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 150ms
}

.off-canvas-button .lines-button .lines:before,
.off-canvas-button .lines-button .lines:after {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background: #000;
    border-radius: 3px;
    transition: all 150ms
}

.off-canvas-button .lines-button .lines:before {
    top: 6px
}

.off-canvas-button .lines-button .lines:after {
    top: -6px
}

.off-canvas-button .lines-button.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    padding: 0;
    background: 0 0;
    border: 0;
    opacity: 1;
    z-index: 10;
    left: 2px
}

.off-canvas-button .lines-button.close .lines {
    background: 0 0
}

.off-canvas-button .lines-button.close .lines:before,
.off-canvas-button .lines-button.close .lines:after {
    width: 22px;
    top: 0;
    left: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
}

.off-canvas-button .lines-button.close .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
}

.mobile .off-canvas .ModuleNavigation .navigation>li>ul.page-children:not(.sub-page-accordion) {
    transform: translateX(0%);
    left: 0 !important;
    right: 0;
    max-width: 100vw
}

.mobile .off-canvas .ModuleNavigation .navigation>li>ul.page-children:not(.sub-page-accordion) li {
    max-width: 100vw
}

.mobile .off-canvas .ModuleNavigation .navigation>li>ul.page-children .title {
    white-space: normal
}

@-webkit-keyframes menuItemFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes menuItemFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes menuItemFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes menuItemFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.off-canvas-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.off-canvas-container .off-canvas-inner-container {
    width: 100%;
    max-height: 100%
}

body.mobile .module-container.ModuleNavigation .vertical .page,
body.mobile .module-container.ModuleNavigation .vertical .nav-item {
    text-align: unset !important
}

body.mobile .module-container.ModuleNavigation .vertical .nav-item {
    display: inline-flex
}

.module-container.ModuleParagraph {
    overflow: hidden
}

.module.ModuleParagraph {
    overflow-wrap: break-word;
    max-width: 100%
}

.module.ModuleParagraph h1>span,
.module.ModuleParagraph h2>span,
.module.ModuleParagraph h3>span,
.module.ModuleParagraph h4>span,
.module.ModuleParagraph h5>span,
.module.ModuleParagraph h6>span {
    display: block
}

.module.ModuleParagraph code {
    background-color: rgba(200, 200, 200, .3);
    padding: .2em;
    border-radius: 4px
}

.module.ModuleParagraph table {
    font-size: 12px;
    color: var(--primary-color)
}

.module.ModuleParagraph table tr td {
    height: 15px
}

.module.ModuleParagraph .table {
    margin: 20px auto;
    display: table;
    width: 50%
}

.module.ModuleParagraph .table table {
    border: 2px solid #8a8a83;
    border-radius: 5px;
    width: 100%
}

.module.ModuleParagraph .table table thead {
    background-color: transparent
}

.module.ModuleParagraph .table table tr th {
    min-width: 40px;
    padding: 14px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    color: #8c8c85;
    background-color: #fafafa
}

.module.ModuleParagraph .table table tr td {
    min-width: 40px;
    padding: 14px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    color: #8c8c85
}

.password-protection-form {
    display: inline-block
}

.password-protection-form .password-protection-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.password-protection-form .password-protection-submit .loading-spinner {
    height: 25px;
    width: 25px
}

.password-protection-form .password-protection-disabled {
    pointer-events: none;
    opacity: .7
}

.module-container .module.ModulePaypal {
    display: block
}

.module-container .module.ModulePaypal .paypal-module-container .paypal-content input,
.module-container .module.ModulePaypal .paypal-module-container .paypal-content textarea {
    width: auto;
    height: auto
}

.module-container .module.ModulePaypal .paypal-module-container .paypal-content input[type=image] {
    background: 0 0 !important
}

.module-container .module.ModulePaypal .paypal-module-container .paypal-content form {
    display: inline-flex;
    align-items: center;
    flex-direction: column
}

.ModulePrint .icon-print {
    cursor: pointer;
    width: 100%;
    height: 100%;
    fill: inherit
}

.ModulePrint .icon-print * {
    fill: inherit !important;
    stroke: transparent !important
}

.ModulePrint .icon-print [fill=none] {
    fill: none !important
}

.module-container .module.ModulePromoCode {
    text-align: left;
    display: block
}

.module-container .module.ModulePromoCode .modulePromoCode-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .module.ModulePromoCode .btn {
        width: 100%
    }
}

.ModuleQuotes {
    width: 100%;
    vertical-align: top
}

.ModuleQuotes .quotes-margin-controller .margin-container {
    color: #000
}

.ModuleQuotes .uci-author {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0
}

.ModuleQuotes .uci-author svg {
    width: 60px;
    height: 60px;
    fill: #d4d4c9
}

.ModuleQuotes .slider-wrapper .slider-container {
    position: relative;
    overflow: hidden;
    padding: 0
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item.display-none {
    opacity: 0;
    display: none
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item:nth-child(1) {
    z-index: 2
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item.active-slide {
    display: flex;
    z-index: 3;
    opacity: 1;
    pointer-events: all
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item.next-slide {
    display: flex;
    z-index: 2;
    opacity: 1
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item .quote-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item .quote-item .quote-item-image {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #f1f1eb;
    position: relative;
    overflow: hidden
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item .quote-item .quote-item-image i {
    text-align: center
}

.ModuleQuotes .slider-wrapper .slider-container .slider-item .quote-item .quote-item-image-slider {
    min-width: 80px;
    position: relative
}

.ModuleQuotes .slider-wrapper.active-arrows {
    margin: 0 40px
}

.ModuleQuotes .slider-wrapper.active-arrows .slider-arrows {
    padding-bottom: 20px;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ModuleQuotes .slider-wrapper.active-arrows .slider-arrows .slider-left,
.ModuleQuotes .slider-wrapper.active-arrows .slider-arrows .slider-right {
    margin: 0;
    cursor: pointer;
    z-index: 1
}

.ModuleQuotes .slider-wrapper.active-arrows .slider-arrows .slider-left {
    left: 0;
    margin-right: 10px
}

.ModuleQuotes .slider-wrapper.active-arrows .slider-arrows .slider-right {
    right: 0;
    margin-left: 10px
}

.ModuleQuotes .slider-wrapper .slide-pagination {
    position: relative;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    justify-content: center;
    list-style-type: none
}

.ModuleQuotes .slider-wrapper .slide-pagination .slide-pointer {
    width: 10px;
    height: 10px;
    margin: 0 2px
}

.ModuleQuotes .slider-wrapper .slide-pagination .slide-pointer a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    opacity: .3
}

.ModuleQuotes .slider-wrapper .slide-pagination .slide-pointer a.active {
    opacity: .8
}

.ModuleQuotes .quotes-module-container .slider-arrows.hide {
    display: none
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item {
    align-items: flex-start;
    flex-wrap: nowrap
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item .quote-item-content {
    text-align: left;
    padding-left: 20px;
    flex: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item .quote-item-content>span {
    display: block;
    word-break: break-word
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item .quote-item-content .quote-item-title {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    position: relative
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item .quote-item-content .quote-item-info.background-highlight>* {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleQuotes .quotes-module-container.style2 .slider-item .quote-item .quote-item-content .quote-item-info * {
    font-size: inherit;
    font-family: inherit;
    color: inherit
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item {
    align-items: center;
    flex-direction: column
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-image {
    margin-bottom: 10px
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-content {
    text-align: center;
    max-width: 100%;
    flex: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-content>span {
    display: block;
    word-break: break-word
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-content .quote-item-title {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    position: relative
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-content .quote-item-info.background-highlight>* {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleQuotes .quotes-module-container.style1 .slider-item .quote-item .quote-item-content .quote-item-info * {
    font-size: inherit;
    font-family: inherit;
    color: inherit
}

.ModuleQuotes .quotes-module-container .quote-item-info {
    font-style: italic;
    margin-top: 5px
}

.ModuleQuotes .quotes-module-container .quote-item-info,
.ModuleQuotes .quotes-module-container .quote-item-info x:-moz-any-link,
.ModuleQuotes .quotes-module-container .quote-item-info x:default {
    transform: translateY(-1em);
    margin-bottom: -1em
}

.module-container.ModuleRegionSwitcher .ModuleRegionSwitcher:not(.popup-layout) {
    display: block
}

.module-container.ModuleRegionSwitcher:not(.dragging) .onpage-container .region-info {
    pointer-events: auto !important
}

.module-container.ModuleRegionSwitcher .main-region {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    pointer-events: auto !important;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-container.ModuleRegionSwitcher .main-region .uppercase {
    text-transform: uppercase
}

.module-container.ModuleRegionSwitcher .main-region .uci-domain {
    width: 24px;
    height: 24px
}

.module-container.ModuleRegionSwitcher .main-region span:first-child:last-child {
    margin: 0
}

.module-container.ModuleRegionSwitcher .region {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-container.ModuleRegionSwitcher .onpage-container {
    font-size: 13px;
    border-style: solid
}

.module-container.ModuleRegionSwitcher .onpage-container.large .onpage-inner-container>div {
    justify-content: space-between
}

.module-container.ModuleRegionSwitcher .onpage-container.large .region-block {
    margin: 0 20px
}

.module-container.ModuleRegionSwitcher .onpage-container.medium .onpage-inner-container>div {
    flex-direction: column
}

.module-container.ModuleRegionSwitcher .onpage-container.small .region-block,
.module-container.ModuleRegionSwitcher .onpage-container.small .onpage-inner-container>div {
    flex-direction: column
}

.module-container.ModuleRegionSwitcher .onpage-container.small .region-block,
.module-container.ModuleRegionSwitcher .onpage-container.small .region-info,
.module-container.ModuleRegionSwitcher .onpage-container.small .region-info-header {
    width: 100%
}

.module-container.ModuleRegionSwitcher .onpage-container .onpage-inner-container>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-container.ModuleRegionSwitcher .onpage-container .texts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.module-container.ModuleRegionSwitcher .onpage-container .block-divider {
    position: relative;
    width: 100%;
    height: 1px
}

.module-container.ModuleRegionSwitcher .onpage-container .block-divider-inner {
    position: absolute;
    top: 0;
    height: 100%
}

.module-container.ModuleRegionSwitcher .onpage-container .region-block {
    display: flex;
    align-items: center
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 270px;
    border-style: solid;
    cursor: pointer;
    transition: border-radius .3s
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info-header>div {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-right: 10px
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info-header>span {
    font-size: 11px
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info-header .region {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info {
    position: relative
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info:hover .region-info-header {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info .flag {
    margin-right: 8px
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style-type: none;
    padding: 0;
    text-align: left;
    z-index: 10;
    opacity: 0;
    border-style: solid;
    border-top-width: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    transition: all .3s
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info li:not(:first-child) {
    border-top: 1px solid
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info a {
    display: flex;
    align-items: center;
    width: 100%;
    color: inherit
}

.module-container.ModuleRegionSwitcher .onpage-container .region-info .click-overrider {
    cursor: pointer
}

.module-container.ModuleRegionSwitcher .onpage-container ul.open {
    opacity: 1;
    visibility: visible
}

.module-container.ModuleRegionSwitcher .onpage-container ul.open * {
    pointer-events: auto !important
}

.module-container.ModuleRegionSwitcher .onpage-container .close {
    font-size: 20px;
    cursor: pointer;
    opacity: .7
}

.module-container.ModuleRegionSwitcher .onpage-container .close:hover {
    opacity: 1
}

.regions-list-container .regions-list-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: auto
}

.regions-list-container .regions-list-body .empty-message {
    font-size: 13px;
    text-align: center;
    padding: 20px;
    width: 100%
}

.regions-list-container .regions-list-body .region-list-item {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 33%;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    color: inherit
}

.regions-list-container .regions-list-body .region-list-item .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ModuleRegionSwitcher .flag,
.regions-list-container .flag {
    width: 24px;
    height: 18px;
    margin-right: 10px;
    border-radius: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0
}

html.mobile .regions-list-container .regions-list-body .region-list-item {
    width: 100%
}

.module-container.ModuleSearch {
    z-index: 9
}

.ModuleSearch {
    width: 100%
}

.ModuleSearch .search {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ModuleSearch .search .close {
    display: none;
    text-indent: -99999px;
    background: 0 0;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 99999999999
}

.ModuleSearch .search .close:hover {
    cursor: pointer
}

.ModuleSearch .search .close.active {
    display: block
}

.ModuleSearch .search-icon {
    padding: 10px 0
}

.ModuleSearch .search-icon span {
    display: block;
    height: 12px;
    width: 4px;
    background: #999;
    border-radius: 0 0 2px 2px;
    transform: rotate(-45deg);
    position: absolute;
    top: 22px;
    right: 0;
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon span:after {
    content: '';
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #999;
    height: 20px;
    width: 4px;
    border-radius: 2px;
    transform: rotate(90deg);
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon span:before {
    content: '';
    display: block;
    position: absolute;
    background: #999;
    height: 10px;
    width: 4px;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon.active {
    width: 350px;
    height: 50px;
    border-radius: 40px
}

.ModuleSearch .search-icon.active span {
    height: 20px;
    border-radius: 2px;
    top: 15px;
    right: 22px;
    transform: rotate(45deg);
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon.active span:after {
    visibility: visible;
    opacity: 1;
    transform: rotate(-90deg);
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon.active span.ready {
    transform: rotate(-90deg)
}

.ModuleSearch .search-icon.active span.ready:after {
    position: absolute;
    height: 10px;
    top: 11px;
    right: -3px;
    transform: rotate(-135deg);
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon.active span.ready:before {
    visibility: visible;
    opacity: 1;
    top: 11px;
    right: 3px;
    transform: rotate(135deg);
    transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out
}

.ModuleSearch .search-icon.active input {
    display: block;
    width: calc(80% - 20px);
    height: 100%;
    padding: 10px;
    border: 0;
    margin: 0 0 0 20px
}

.ModuleSearch .search-icon.active input:focus {
    outline: none
}

.ModuleSearch .search input {
    display: none
}

.zIndex {
    z-index: 1
}

@media(max-width:500px),
(orientation:landscape) and (max-width:750px) {
    .close-uci-x {
        flex: 1;
        min-height: 40px
    }
    .ModuleSearch.algolia-container .search-wrapper.active .input-holder .search-input {
        width: calc(100% - 93px) !important;
        padding: 17px 0 17px 10px
    }
}

@media(orientation:landscape) and (max-width:750px) {
    .ModuleSearch.algolia-container {
        max-height: 90vh !important
    }
}

.ModuleSharingIcons .sharing-icon-wrapper {
    color: #353535
}

.ModuleSharingIcons .sharing-icon-wrapper.vertical>ul {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.ModuleSharingIcons .sharing-icon-wrapper.vertical>ul li:last-child {
    margin-bottom: 0 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul {
    padding: 0
}

.ModuleSharingIcons .sharing-icon-wrapper ul li svg {
    fill: #353535
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=facebook] {
    color: #3b5998 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=facebook] span {
    color: #3b5998 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=facebook] svg {
    fill: #3b5998 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=twitter] {
    color: #0f1419 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=twitter] span {
    color: #0f1419 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=twitter] svg {
    fill: #0f1419 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=google-businesses] {
    color: #4989f5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=google-businesses] span {
    color: #4989f5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=google-businesses] svg {
    fill: #4989f5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=linkedin] {
    color: #007bb5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=linkedin] span {
    color: #007bb5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=linkedin] svg {
    fill: #007bb5 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=pinterest] {
    color: #cb2027 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=pinterest] span {
    color: #cb2027 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=pinterest] svg {
    fill: #cb2027 !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=vk] {
    color: #45668e !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=vk] span {
    color: #45668e !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul.colored li[class*=vk] svg {
    fill: #45668e !important
}

.ModuleSharingIcons .sharing-icon-wrapper ul li {
    color: inherit;
    position: relative;
    display: inline-block;
    line-height: 1.02
}

.ModuleSharingIcons .sharing-icon-wrapper ul li:hover {
    opacity: .8
}

.ModuleSharingIcons .sharing-icon-wrapper ul li:last-child {
    margin-right: 0 !important
}

.ModuleSlider {
    width: 100%;
    vertical-align: top
}

.ModuleSlider>.module.ModuleSlider {
    display: block
}

.ModuleSlider .slider-wrapper .slider-container {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ModuleSlider .slider-wrapper .slider-container.animated-item {
    opacity: 0
}

.ModuleSlider .slider-wrapper .slider-container .slider-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    display: none;
    pointer-events: none
}

.ModuleSlider .slider-wrapper .slider-container .slider-item .figcaption {
    cursor: default
}

.ModuleSlider .slider-wrapper .slider-container .slider-item:nth-child(1) {
    z-index: 2
}

.ModuleSlider .slider-wrapper .slider-container .slider-item.active-slide {
    display: block;
    z-index: 3;
    opacity: 1;
    pointer-events: all
}

.ModuleSlider .slider-wrapper .slider-container .slider-item.next-slide {
    display: block;
    z-index: 2;
    opacity: 1
}

.ModuleSlider .slider-wrapper .slider-container .slider-item>.layer {
    pointer-events: none
}

.ModuleSlider .slider-wrapper .slider-arrows div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    z-index: 3;
    cursor: pointer
}

.ModuleSlider .slider-wrapper .slider-arrows div.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleSlider .slider-wrapper .slider-arrows .slider-left {
    left: 20px
}

.ModuleSlider .slider-wrapper .slider-arrows .slider-right {
    right: 20px
}

.ModuleSlider .slider-wrapper .slide-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 4;
    text-align: center
}

.ModuleSlider .slider-wrapper .slide-pagination .slide-pointer {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin: 0 4px
}

.ModuleSlider .slider-wrapper .slide-pagination .slide-pointer a {
    cursor: pointer;
    display: inherit;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    opacity: .3;
    border-radius: 12px
}

.ModuleSlider .slider-wrapper .slide-pagination .slide-pointer a.background-highlight {
    box-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleSlider .slider-wrapper .slide-pagination .slide-pointer a.active {
    opacity: .9
}

.ModuleSlider .slider-wrapper .slide-pagination ul {
    padding: 0
}

a[onclick],
div[onclick] {
    cursor: pointer !important
}

.uc-slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.uc-slider-container::-webkit-scrollbar {
    display: none
}

.uc-slider-container.carousel {
    cursor: grab
}

.uc-slider-container .uc-slider-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 0;
    margin: 0
}

.uc-slider-container .uc-slider-wrapper.carousel .uc-slide {
    width: auto
}

.uc-slider-container .uc-slider-wrapper.carousel .uc-slide img {
    height: 100%;
    width: auto !important
}

.uc-slider-container .uc-slider-wrapper .uc-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 1px;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.uc-slider-container .uc-slider-wrapper .uc-slide .item-wrapper,
.uc-slider-container .uc-slider-wrapper .uc-slide a {
    cursor: inherit;
    width: 100%;
    height: 100%
}

.uc-slider-container .uc-slider-wrapper .uc-slide .slide-item-image {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.uc-slider-container .uc-slider-wrapper .uc-slide .figcaption,
.uc-slider-container .uc-slider-wrapper .uc-slide .layer {
    pointer-events: none
}

.uc-slider-container .uc-slider-wrapper .uc-slide.activeSlide {
    z-index: 3
}

.uc-slider-container .uc-slider-wrapper .uc-slide .uc-row-design,
.uc-slider-container .uc-slider-wrapper .uc-slide .uc-row-cms {
    position: absolute
}

.module-container.changing-controller .uc-slider-wrapper {
    transition-duration: 0ms !important
}

.ModuleNewSlider {
    width: 100%;
    vertical-align: top
}

.ModuleNewSlider>.module.ModuleNewSlider {
    display: block
}

.ModuleNewSlider .slider-wrapper .slider-container {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    display: none;
    pointer-events: none
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item .figcaption {
    cursor: default
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item:nth-child(1) {
    z-index: 2
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item .slide-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item.active-slide {
    display: block;
    z-index: 3;
    opacity: 1;
    pointer-events: all
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item.next-slide {
    display: block;
    z-index: 2;
    opacity: 1
}

.ModuleNewSlider .slider-wrapper .slider-container .slider-item>.layer {
    pointer-events: none
}

.ModuleNewSlider .slider-wrapper .slider-arrows div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    z-index: 3;
    cursor: pointer
}

.ModuleNewSlider .slider-wrapper .slider-arrows div.background-highlight {
    text-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleNewSlider .slider-wrapper .slider-arrows .slider-left {
    left: 20px
}

.ModuleNewSlider .slider-wrapper .slider-arrows .slider-right {
    right: 20px
}

.ModuleNewSlider .slider-wrapper .slide-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 4;
    text-align: center
}

.ModuleNewSlider .slider-wrapper .slide-pagination .slide-pointer {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin: 0 4px
}

.ModuleNewSlider .slider-wrapper .slide-pagination .slide-pointer a {
    cursor: pointer;
    display: inherit;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    opacity: .3;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px
}

.ModuleNewSlider .slider-wrapper .slide-pagination .slide-pointer a.background-highlight {
    box-shadow: -1px -1px 0 rgba(133, 125, 255, .5), 1px -1px 0 rgba(133, 125, 255, .5), -1px 1px 0 rgba(133, 125, 255, .5), 1px 1px 0 rgba(133, 125, 255, .5) !important
}

.ModuleNewSlider .slider-wrapper .slide-pagination .slide-pointer a.active {
    opacity: .9
}

.uc-slider-container {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    z-index: 1;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.uc-slider-container::-webkit-scrollbar {
    display: none
}

.uc-slider-container.carousel {
    cursor: grab
}

.uc-slider-container .uc-slider-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 0;
    margin: 0
}

.uc-slider-container .uc-slider-wrapper.carousel .uc-slide {
    width: auto
}

.uc-slider-container .uc-slider-wrapper.carousel .uc-slide img {
    height: 100%;
    width: auto !important
}

.uc-slider-container .uc-slider-wrapper .uc-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.uc-slider-container .uc-slider-wrapper .uc-slide .item-wrapper,
.uc-slider-container .uc-slider-wrapper .uc-slide a {
    cursor: inherit;
    width: 100%;
    height: 100%
}

.uc-slider-container .uc-slider-wrapper .uc-slide .slide-item-image {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.uc-slider-container .uc-slider-wrapper .uc-slide .figcaption,
.uc-slider-container .uc-slider-wrapper .uc-slide .layer {
    pointer-events: none
}

.uc-slider-container .uc-slider-wrapper .uc-slide.activeSlide {
    z-index: 3
}

.uc-slider-container .uc-slider-wrapper .uc-slide .uc-row-design,
.uc-slider-container .uc-slider-wrapper .uc-slide .uc-row-cms {
    position: absolute
}

a[onclick],
div[onclick] {
    cursor: pointer !important
}

li[class*=uci-] {
    font-weight: 400 !important
}

.ModuleSocialIcons .social-icon-wrapper {
    color: #353535
}

.ModuleSocialIcons .social-icon-wrapper.vertical>ul {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.ModuleSocialIcons .social-icon-wrapper.vertical>ul li:last-child {
    margin-bottom: 0 !important
}

.ModuleSocialIcons .social-icon-wrapper ul {
    padding: 0
}

.ModuleSocialIcons .social-icon-wrapper ul li svg {
    fill: #353535
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=facebook] {
    color: #3b5998 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=facebook] svg {
    fill: #3b5998 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=facebook] span {
    color: #3b5998 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=twitter] {
    color: #0f1419 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=twitter] svg {
    fill: #0f1419 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=twitter] span {
    color: #0f1419 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=google-businesses] {
    color: #4989f5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=google-businesses] svg {
    fill: #4989f5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=google-businesses] span {
    color: #4989f5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=linkedin] {
    color: #007bb5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=linkedin] svg {
    fill: #007bb5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=linkedin] span {
    color: #007bb5 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=instagram] {
    color: #282828 !important;
    position: relative
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=instagram] svg {
    fill: #282828 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=instagram] span {
    color: #282828 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=instagram].overwrite-svg {
    color: transparent !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=instagram].overwrite-svg svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tripadvisor] {
    color: #589442 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tripadvisor] svg {
    fill: #589442 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tripadvisor] span {
    color: #589442 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=pinterest] {
    color: #cb2027 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=pinterest] svg {
    fill: #cb2027 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=pinterest] span {
    color: #cb2027 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=youtube] {
    color: #b00 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=youtube] svg {
    fill: #b00 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=youtube] span {
    color: #b00 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vimeo] {
    color: #1ab7ea !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vimeo] svg {
    fill: #1ab7ea !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vimeo] span {
    color: #1ab7ea !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=dribbble] {
    color: #ea4c89 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=dribbble] svg {
    fill: #ea4c89 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=dribbble] span {
    color: #ea4c89 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=behance] {
    color: #1769ff !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=behance] svg {
    fill: #1769ff !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=behance] span {
    color: #1769ff !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=soundcloud] {
    color: #f50 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=soundcloud] svg {
    fill: #f50 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=soundcloud] span {
    color: #f50 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=mixcloud] {
    color: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=mixcloud] svg {
    fill: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=mixcloud] span {
    color: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vk] {
    color: #45668e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vk] svg {
    fill: #45668e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=vk] span {
    color: #45668e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=telegram] {
    color: #08c !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=telegram] svg {
    fill: #08c !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=telegram] span {
    color: #08c !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=github] {
    color: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=github] svg {
    fill: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=github] span {
    color: #191717 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=medium] {
    color: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=medium] svg {
    fill: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=medium] span {
    color: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=yelp] {
    color: #d32323 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=yelp] svg {
    fill: #d32323 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=yelp] span {
    color: #d32323 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tiktok] {
    color: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tiktok] svg {
    fill: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=tiktok] span {
    color: #12100e !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=venmo] {
    color: #4aa9e0 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=venmo] svg {
    fill: #4aa9e0 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=venmo] span {
    color: #4aa9e0 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=spotify] {
    color: #1db954 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=spotify] svg {
    fill: #1db954 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=spotify] span {
    color: #1db954 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=wechat] {
    color: #2dc100 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=wechat] svg {
    fill: #2dc100 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=wechat] span {
    color: #2dc100 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=SlideShare] {
    color: #07a !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=SlideShare] svg {
    fill: #07a !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=SlideShare] span {
    color: #07a !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=Discord] {
    color: #7289da !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=Discord] svg {
    fill: #7289da !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=Discord] span {
    color: #7289da !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=reddit] {
    color: #ff4500 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=reddit] svg {
    fill: #ff4500 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.colored li[class*=reddit] span {
    color: #ff4500 !important
}

.ModuleSocialIcons .social-icon-wrapper ul.round li {
    border-radius: 50%
}

.ModuleSocialIcons .social-icon-wrapper ul li {
    color: inherit;
    position: relative;
    display: inline-block;
    line-height: 1.02;
    font-size: var(--base-font-size);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    letter-spacing: var(--letter-spacing);
    text-shadow: none
}

.ModuleSocialIcons .social-icon-wrapper ul li:hover {
    opacity: .8
}

.ModuleSocialIcons .social-icon-wrapper ul li a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-decoration: none
}

.ModuleSocialIcons .social-icon-wrapper ul li:last-child {
    margin-right: 0 !important
}

.module-container .module.ModuleSoundCloud {
    display: block
}

.module-container .module.ModuleMixcloud {
    display: block
}

.module-container .module.ModuleSubscription {
    text-align: left;
    display: block
}

.module-container .module.ModuleSubscription .moduleSubscription-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.module-container .module.ModuleTemplates {
    display: block
}

.template-view .templates-section {
    overflow: hidden;
    height: 100%;
    position: relative
}

.template-view .templates-section .tag-select {
    display: none
}

.template-view .templates-section .templates-container {
    overflow: hidden;
    transition: all .33s;
    -webkit-overflow-scrolling: touch;
    padding-top: 20px
}

.template-view .templates-section .templates-container.hide {
    opacity: 0
}

.template-view .templates-section .templates-container .template-item {
    opacity: 1;
    display: block;
    height: auto
}

.template-view .templates-section .templates-container .template-item.hide {
    height: 0;
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0
}

.template-view .templates-section .templates-container .template-item .template {
    position: relative;
    padding-top: 48%;
    margin-bottom: 80px
}

.template-view .templates-section .templates-container .template-item .template .template-body {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    top: 0;
    z-index: 1;
    background-color: var(--builder-white);
    box-shadow: 0 0 19px 2px rgba(94, 94, 94, .21);
    border-radius: 6px;
    display: flex;
    flex-direction: column
}

.template-view .templates-section .templates-container .template-item .template .template-body .close-info {
    margin: 6px
}

.template-view .templates-section .templates-container .template-item .template .template-body .info-button,
.template-view .templates-section .templates-container .template-item .template .template-body .close-info {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.template-view .templates-section .templates-container .template-item .template .template-body .info-button svg,
.template-view .templates-section .templates-container .template-item .template .template-body .close-info svg {
    fill: #8c8c85;
    font-size: 24px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-image {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    flex: 1;
    align-items: flex-start;
    justify-content: center
}

.template-view .templates-section .templates-container .template-item .template .template-body .controls {
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255, 255, 255, .93);
    transition: opacity .33s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.template-view .templates-section .templates-container .template-item .template .template-body .controls.show-buttons {
    opacity: 1
}

.template-view .templates-section .templates-container .template-item .template .template-body .controls .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.template-view .templates-section .templates-container .template-item .template .template-body .controls .buttons .btn {
    min-width: 130px
}

.template-view .templates-section .templates-container .template-item .template .template-body .controls .btn:nth-child(2) {
    margin-top: 15px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container {
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, .93);
    transition: opacity .33s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container.show {
    opacity: 1;
    z-index: 2
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    scrollbar-track-color: #d4d4c9;
    scrollbar-shadow-color: #d4d4c9;
    scrollbar-base-color: #d4d4c9;
    scrollbar-arrow-color: #d4d4c9;
    scrollbar-color: rgba(238, 238, 238, .58) #d4d4c9;
    scrollbar-width: thin
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .top-info {
    padding: 30px 30px 0 20px;
    text-align: left
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .top-info .template-title {
    font-size: 21px;
    font-weight: 900;
    text-transform: uppercase;
    color: #4a4a4a;
    line-height: 28px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    pointer-events: none
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .top-info .template-description {
    font-size: 13px;
    line-height: 16px;
    color: #8c8c85;
    font-weight: 600
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info {
    padding: 5px 30px 30px 20px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .tags-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: left
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .tags-info span {
    color: #8c8c85;
    padding-right: 4px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .tags-info .tag-name {
    color: #4a4a4a
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .tags-info .tag-name:not(:last-child) {
    padding-right: 4px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .design-info {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    color: #4a4a4a
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info-container .info-section .bottom-info .design-info span {
    color: #8c8c85;
    padding-right: 4px
}

.template-view .templates-section .templates-container .template-item .template .template-body .template-info {
    position: absolute;
    left: 0;
    bottom: -27px;
    font-size: 13px;
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: 800;
    letter-spacing: 1px
}

.template-view .templates-section .templates-container .template-item .mobile-buttons {
    display: none
}

.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .top-info {
    padding-top: 15px
}

.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .top-info .template-title {
    font-size: 16px;
    margin-bottom: 5px
}

.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .top-info .template-description {
    font-size: 11px
}

.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .bottom-info {
    padding-bottom: 15px
}

.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .bottom-info .tags-info,
.template-view .templates-section .templates-container .template-item.col-md-3 .template .template-body .template-info-container .info-section .bottom-info .design-info {
    font-size: 12px
}

.template-view .templates-section .templates-container .footer-load-more {
    width: 100%
}

.template-view .templates-section .templates-container .footer-load-more .load-more {
    margin: 30px auto
}

.template-view .templates-section .templates-container .footer-load-more .load-more.hide {
    display: none
}

@media only screen and (max-width:810px) {
    .template-view .templates-section .templates-container .template .template-body .template-info {
        top: -27px;
        bottom: auto
    }
}

@media only screen and (max-width:810px) {
    .template-view .templates-section .templates-container {
        padding-top: 25px
    }
    .template-view .templates-section .templates-container .template {
        margin-bottom: 0 !important;
        padding-top: 45%
    }
    .template-view .templates-section .templates-container .template .template-body .template-info-container .top-info {
        padding: 10px
    }
    .template-view .templates-section .templates-container .template .template-body .template-info-container .top-info .template-title {
        margin-bottom: 5px
    }
    .template-view .templates-section .templates-container .template .template-body .template-info-container .bottom-info {
        padding: 10px
    }
    .template-view .templates-section .templates-container .template .template-body .controls {
        display: none !important;
        pointer-events: none
    }
    .template-view .templates-section .templates-container .mobile-buttons {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        padding: 20px;
        margin-bottom: 50px
    }
    .template-view .templates-section .templates-container .mobile-buttons span {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: #e1e5f0;
        bottom: 0;
        margin: 0 20px
    }
    .template-view .templates-section .templates-container .mobile-buttons .btn {
        text-transform: uppercase;
        border-radius: 100px;
        text-align: center;
        transition: background .3s, box-shadow .3s, border .3s, color .3s;
        cursor: pointer;
        outline: 0;
        border: none;
        text-decoration: none;
        white-space: nowrap;
        font-weight: 600;
        flex-shrink: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
    .template-view .templates-section .templates-container .mobile-buttons .btn:first-child {
        width: 48%;
        min-width: initial;
        margin-right: 5%;
        background: var(--main-color);
        color: #fff;
        height: 36px;
        padding: 0 15px;
        font-size: 12px
    }
    .template-view .templates-section .templates-container .mobile-buttons .btn:nth-child(2) {
        width: 48%;
        min-width: initial;
        color: #8c8c85;
        height: 36px;
        padding: 0 15px;
        font-size: 12px;
        background: 0 0;
        border: 1px solid #8c8c85
    }
}

.module-container .module.ModuleTemplatesTags {
    z-index: 1
}

.template-view .tags-container {
    float: left;
    min-width: 160px;
    margin: 0 20px
}

.template-view .tags-container .tags .tag {
    border-top: 1px solid #f1f1eb;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.template-view .tags-container .tags .tag span {
    font-size: 13px;
    color: #bbbbaf;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: color .2s ease;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease
}

.template-view .tags-container .tags .tag svg {
    pointer-events: none;
    fill: var(--main-color);
    position: absolute;
    font-size: 14px;
    right: 0;
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .2s ease
}

.template-view .tags-container .tags .tag:hover span {
    color: #4a4a4a;
    font-weight: 900
}

.template-view .tags-container .tags .tag.active svg {
    opacity: 1
}

.template-view .tags-container .tags .tag.active span {
    color: #4a4a4a;
    font-weight: 900
}

.template-view .tags-container .select-arrow {
    display: none;
    width: 100%;
    position: relative
}

.template-view .tags-container .select-arrow select {
    border: none;
    width: 100%;
    border-radius: 6px;
    padding: 0 15px;
    color: #8c8c85;
    font-size: 14px;
    cursor: pointer;
    height: 50px;
    background: #f1f1eb;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0
}

.template-view .tags-container .select-arrow span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px;
    font-size: 12px;
    color: #bbbbaf;
    pointer-events: none
}

.template-view.horizontal {
    display: flex;
    flex-direction: column
}

.template-view.horizontal .tags-container .tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 60px
}

.template-view.horizontal .tags-container .tags .tag {
    border: none
}

.template-view.horizontal .tags-container .tags .tag span {
    line-height: 37px
}

.template-view.horizontal .tags-container .tags .uci-arrow-forward {
    display: none !important
}

.template-view.horizontal .tags-container.left .tags {
    justify-content: flex-start
}

.template-view.horizontal .tags-container.center .tags {
    justify-content: center
}

.template-view.horizontal .tags-container.right .tags {
    justify-content: flex-end
}

.template-view.vertical {
    padding-top: 20px
}

.template-view.vertical .tags-container.left .tags .tag span {
    margin-right: 20px
}

.template-view.vertical .tags-container.center .tags .tag {
    justify-content: center
}

.template-view.vertical .tags-container.center .tags .tag span {
    margin-right: 15px;
    margin-left: 15px
}

.template-view.vertical .tags-container.right .tags .tag {
    flex-direction: row-reverse
}

.template-view.vertical .tags-container.right .tags .tag .uci-arrow-forward {
    left: 0;
    right: auto;
    transform: rotate(180deg)
}

.template-view.vertical .tags-container.right .tags .tag span {
    margin-left: 20px
}

@media only screen and (max-width:810px) {
    .module-container.ModuleTemplatesTags .module.ModuleTemplatesTags {
        max-width: 100% !important
    }
    .module-container.ModuleTemplatesTags .module.ModuleTemplatesTags .tags-container {
        overflow-x: auto;
        max-width: 100%;
        float: none !important;
        margin: 0
    }
    .module-container.ModuleTemplatesTags .module.ModuleTemplatesTags .tags-container .tags {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-bottom: 0
    }
    .module-container.ModuleTemplatesTags .module.ModuleTemplatesTags .tags-container .tags .tag {
        border: none
    }
    .module-container.ModuleTemplatesTags .module.ModuleTemplatesTags .tags-container .tags .tag svg {
        display: none
    }
}

.module.ModuleTitle {
    overflow-wrap: break-word;
    max-width: 100%
}

.module.ModuleTitle code {
    background-color: rgba(200, 200, 200, .3);
    padding: .2em;
    border-radius: 4px
}

.module-container .module.ModuleTwitterFeed {
    display: block
}

.module-container.ModuleTypeform {
    display: block
}

.module-container.ModuleTypeform .module.ModuleTypeform {
    width: 100%
}

.module-container.ModuleTypeform .module.ModuleTypeform.no-url {
    width: 100%
}

.module-container.ModuleTypeform .module.ModuleTypeform .typeform-module-container:not(.empty-module-container) {
    position: relative;
    width: 100%;
    height: 500px
}

.module-container.ModuleTypeform .iframe-wrapper {
    width: 100%;
    height: 100%
}

body .typeform-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: #fff;
    z-index: 4
}

body .typeform-container.active {
    display: block;
    z-index: 11
}

body .typeform-container .close-popup {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 24px;
    color: #353535;
    cursor: pointer
}

body .typeform-container iframe {
    height: 100% !important
}

.user-profile-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    padding-bottom: 1px
}

.user-profile-menu .user-profile-menu-module {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-profile-menu .user-profile-menu-module #sign-in {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 28px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .3px;
    text-transform: uppercase;
    background: 0 0;
    color: #4a4a4a;
    border: 2px solid #4a4a4a;
    border-radius: 100px;
    min-width: 100px;
    padding: 0 20px
}

.user-profile-menu .user-profile-menu-module .right-section {
    display: none
}

.user-profile-menu.logged-in .user-profile-menu-module #sign-in {
    display: none
}

.user-profile-menu.logged-in .user-profile-menu-module .right-section {
    display: flex
}

.user-profile-menu .right-section {
    max-width: 250px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row
}

.user-profile-menu .right-section .my-site-icon {
    margin-right: 24px;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center
}

.user-profile-menu .right-section .my-site-icon i {
    cursor: pointer;
    font-size: 24px;
    color: #4a4a4a;
    margin-right: 8px
}

.user-profile-menu .right-section .my-site-icon span {
    color: #4a4a4a;
    font-size: 11px;
    line-height: 12px;
    font-weight: 900;
    text-transform: uppercase
}

.user-profile-menu .right-section .user-profile .user-image {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    min-width: 40px
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile {
    position: absolute;
    background-color: #fff;
    filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
    right: 0;
    top: calc(100% + 10px);
    z-index: 1;
    width: 260px;
    border-radius: 10px;
    transition: opacity .2s;
    pointer-events: none;
    opacity: 0
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile.show {
    pointer-events: auto;
    opacity: 1
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile.show:before {
    content: "";
    position: absolute;
    top: -29px;
    left: 0;
    height: 30px;
    width: 100%;
    background: 0 0
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile:after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 11px;
    transform: rotate(45deg)
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .user-profile-info {
    display: flex;
    flex-direction: row;
    padding: 15px 25px
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .user-profile-info .user-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    flex-shrink: 0;
    overflow: hidden;
    pointer-events: none
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .user-profile-info .user-info {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    overflow: hidden
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .user-profile-info .user-info .name {
    color: #4a4a4a;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .user-profile-info .user-info .email {
    margin-top: 3px;
    color: #bbbbaf;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .navigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: 0 0
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .navigation li {
    height: 40px;
    border-top: 1px solid #f1f1eb;
    display: flex;
    flex-direction: row
}

.user-profile-menu .right-section .user-profile .dropdown-menu-profile .navigation li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex: 1;
    color: #4a4a4a;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    padding: 0 30px;
    cursor: pointer
}

.user-profile-menu .btn {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:768px) {
    .user-profile-menu .right-section .my-site-icon {
        display: none !important
    }
    .user-profile-menu .right-section .dropdown-menu-profile .navigation li.my-sites-section {
        display: flex !important
    }
}

.module-container .module.ModuleVideo {
    display: block
}

.module-container .module.ModuleVideo .row-on-video {
    z-index: 1;
    pointer-events: none
}

.module-container .module.ModuleVideo .row-on-video .module {
    pointer-events: all
}

.module-container .module.ModuleVideo .custom-video {
    position: relative;
    width: 100%
}

.module-container .module.ModuleVideo video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ModuleVideo .iframe-wrapper {
    position: relative;
    overflow: hidden
}

.ModuleVideo .iframe-wrapper .iframe-thumbnail {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1
}

.ModuleVideo .iframe-wrapper .iframe-thumbnail .iframe-thumbnail-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    line-height: 65px;
    background: #353535;
    border-radius: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff
}

.ModuleVideo .iframe-wrapper .iframe-thumbnail .iframe-thumbnail-ico svg {
    display: inline-block;
    height: inherit !important
}

.ModuleVideo .iframe-wrapper .iframe-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.ModuleVideo .iframe-wrapper .iframe-container>iframe {
    width: 100%;
    height: 100%;
    transform: scale(1.01)
}

.module-container .module.ModuleVkontakteWidget {
    display: block
}

.module-container .module.ModuleVkontakteWidget .vkontakte-module-container.admin {
    width: 100%
}

.module-container.align-center .ModuleVkontakteWidget {
    display: flex !important;
    justify-content: center
}

.module-container.align-right .ModuleVkontakteWidget {
    display: flex !important;
    justify-content: flex-end
}

.module-container.align-left .ModuleVkontakteWidget {
    display: flex !important;
    justify-content: flex-start
}

.ModuleReactPricing {
    width: 100%
}

.admin .ModuleReactPricing {
    pointer-events: none
}

.admin .reactPricing__img-container {
    position: relative
}

.admin .reactPricing__spinner-container {
    position: absolute;
    background: rgba(0, 0, 0, .2);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.admin .reactPricing__pointer-events-allow {
    pointer-events: all !important
}

@media(max-width:830px) {
    .ecwid-productBrowser-cart.ecwid-productBrowser-cart-non-compact>div>table>tbody>tr>td>table>tbody>tr>td>div {
        max-height: 30vh !important;
        overflow: auto !important
    }
}

.ecwid-overlay {
    position: fixed !important
}

.ecwid-popup {
    height: 100%;
    width: 100%;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 5px !important
}

.ecwid-popup .popupContent {
    max-height: 100%;
    overflow: auto !important
}

.ecwid-popup .popupContent .ecwid-popup-touchLimiter {
    overflow-x: hidden
}

.ecwid-popup .popupContent .ecwid-productBrowser-cart.ecwid-productBrowser-cart-non-compact>div>table>tbody>tr>td>table>tbody>tr>td>div {
    max-height: 50vh !important;
    overflow: auto !important
}

.ecwid-popup .popupContent .ecwid-productBrowser-cart.ecwid-productBrowser-cart-compact>div>table>tbody>tr>td>table>tbody>tr>td>div {
    max-height: 30vh !important;
    overflow: auto !important
}

.ecwid-popup .popupContent .ecwid-productBrowser-auth-accountLink {
    display: none
}

.ecwid-popup .popupContent .ecwid-productBrowser-relatedProducts {
    display: none
}

.ecwid-popup .popupContent .ecwid-productBrowser-auth {
    display: none
}

.ecwid-popup .popupContent .ecwid-btn--sign_in {
    display: none !important
}

.ecwid-popup .popupContent .ecwid-Checkout-PasswordBlock {
    display: none
}

.ecwid-popup-active {
    position: fixed;
    overflow-y: hidden
}

html#ecwid_html body#ecwid_body div.ecwid-AddressForm-SSLencryptedPopup {
    z-index: 999999999 !important
}

html#ecwid_html body#ecwid_body .ec-pika-single.ec-pika-button--bound {
    position: fixed !important;
    height: 300px;
    overflow: auto
}

@media(min-width:1024px) {
    html.desktop#ecwid_html body#ecwid_body .ec-pika-single.ec-pika-button--bound {
        margin-top: -120px;
        margin-left: 265px
    }
}

@media(max-width:430px) {
    html.mobile#ecwid_html body#ecwid_body .ec-pika-single.ec-pika-button--bound {
        margin-top: -180px
    }
}

html#ecwid_html body#ecwid_body button.ecwid-popup-closeButton {
    transform: scale(1.4)
}

.ecwid-minicart-floating {
    display: none !important
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-signin .ec-page-title {
    display: none !important
}

html#ecwid_html body#ecwid_body .ec-cart__step.ec-cart-step.ec-cart-step--signout {
    display: none !important
}