.box-content,.form-ui {
    margin-left: 5px;
    margin-right: 5px
}

@media screen and (min-width: 960px) {
    .box-content,.form-ui {
        margin-left:7px;
        margin-right: 7px
    }
}

.form-ui .form-ui-body,.form-ui .form-ui-header,.form-message {
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 960px) {
    .form-ui .form-ui-body,.form-ui .form-ui-header,.form-message {
        padding-left:7px;
        padding-right: 7px
    }
}

ul.box-ui-list.ui-box>li {
    margin-left: 5px;
    margin-right: 5px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box>li {
        margin-left:7px;
        margin-right: 7px
    }
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
        padding-left:14px;
        padding-right: 14px
    }
}

.box-content,.form-ui {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 10px);
    padding-left: 0;
    padding-right: 0;
    max-width: 1600px
}

@media screen and (min-width: 960px) {
    .box-content,.form-ui {
        width:calc(100% - 14px)
    }
}

@media screen and (min-width: 1600px) {
    .box-content,.form-ui {
        margin-left:auto;
        margin-right: auto;
        max-width: 1586px
    }
}

.form-message {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1600px
}

@media screen and (min-width: 1600px) {
    .form-message {
        max-width:none;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(50% - 786px);
        padding-right: calc(50% - 786px)
    }
}

.form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
    width: calc(100% - 10px)
}

@media screen and (min-width: 480px) {
    .form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
        width:393.3333333333px
    }
}

@media screen and (min-width: 600px) {
    .form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
        width:630.6666666667px
    }
}

@media screen and (min-width: 960px) {
    .form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
        width:630.6666666667px
    }
}

@media screen and (min-width: 960px) {
    .form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
        width:395.3333333333px
    }
}

@media screen and (min-width: 1200px) {
    .form-ui.small .form-ui-body,.form-ui.small .form-ui-header {
        width:528.6666666667px
    }
}

@media screen and (min-width: 480px) {
    .form-ui.tiny .form-ui-body,.form-ui.tiny .form-ui-header {
        width:393.3333333333px
    }
}

.form-message>div,.form-ui.medium .form-ui-body,.form-ui.medium .form-ui-header {
    width: 100%
}

@media screen and (min-width: 960px) {
    .form-message>div,.form-ui.medium .form-ui-body,.form-ui.medium .form-ui-header {
        width:593px
    }
}

@media screen and (min-width: 1200px) {
    .form-message>div,.form-ui.medium .form-ui-body,.form-ui.medium .form-ui-header {
        width:793px
    }
}

.form-ui .form-ui-body,.form-ui .form-ui-header {
    width: 100%
}

@media screen and (min-width: 960px) {
    .form-ui .form-ui-body,.form-ui .form-ui-header {
        width:790.6666666667px
    }
}

@media screen and (min-width: 1200px) {
    .form-ui .form-ui-body,.form-ui .form-ui-header {
        width:1057.3333333333px
    }
}

.form-ui.large .form-ui-body,.form-ui.large .form-ui-header {
    width: 100%
}

:root {
    --color-main-1: #ffffff;
    --color-main-2: #000000;
    --color-main-3: #00085d;
    --color-neutral-light: #ffffff;
    --color-neutral-1: #f2f2f2;
    --color-neutral-2: #e3e3e3;
    --color-neutral-3: #c0c0c0;
    --color-neutral-4: #747380;
    --color-neutral-5: #42414f;
    --color-neutral-dark: #000000;
    --color-neutral-dark-root: 0, 0, 0
}

@media(prefers-color-scheme: dark) {
    :root {
        --color-main-3: #ffffff;
        --color-neutral-light: #000000;
        --color-neutral-1: #42414f;
        --color-neutral-2: #747380;
        --color-neutral-3: #c0c0c0;
        --color-neutral-4: #e3e3e3;
        --color-neutral-5: #f2f2f2;
        --color-neutral-dark: #ffffff;
        --color-neutral-dark-root: 255, 255, 255
    }
}

@media(prefers-color-scheme: dark) {
    body {
        background-color:var(--color-neutral-1) !important;
        color: #fff
    }

    div.login-container .top-bar {
        background: #000 !important
    }

    div.login-container footer {
        background-color: #000
    }

    div.login-container .top-bar .content-holder .right-content .language-selector>div ul>li a {
        color: #000
    }

    div.login-container .invert-color {
        filter: invert(1)
    }

    div.login-container .select-ui-label:empty~.select-ui-placeholder,div.login-container .input-ui span {
        color: #fff
    }

    div.login-container input:-webkit-autofill,div.login-container input:-webkit-autofill:hover,div.login-container input:-webkit-autofill:focus,div.login-container textarea:-webkit-autofill,div.login-container textarea:-webkit-autofill:hover,div.login-container textarea:-webkit-autofill:focus,div.login-container select:-webkit-autofill,div.login-container select:-webkit-autofill:hover,div.login-container select:-webkit-autofill:focus {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
        transition: background-color 5000s ease-in-out 0s
    }

    div.login-container [data-error]:not([data-error=""]):after {
        color: #fff
    }

    div.login-container .bg-color-2 {
        border-top: 1px solid var(--color-neutral-3)
    }

    div.login-container .block-loading:before {
        filter: invert(1)
    }

    div.login-container .block-navigation .navigation-menu ul li.active a,div.login-container .block-navigation .navigation-menu ul li.active span {
        border-bottom-color: #fff;
        color: #fff
    }

    div.login-container .block-overlay .part .content-holder>ul>li .text-holder {
        color: #fff;
        background-color: var(--color-neutral-1)
    }

    .box-content>.box-card {
        box-shadow: none !important
    }

    [data-tooltip] .tooltip-icon:before,.tooltip-container .tooltip-icon:before {
        color: #fff !important
    }

    .form-ui-item .textbox-ui .tooltip-container .tooltip-icon:before,.form-ui-item .textbox-ui .tooltip-container .tooltip-icon:before {
        color: inherit !important
    }

    .form-ui-item .textbox-ui .tooltip-container .tooltip-box span {
        color: #fff !important
    }

    .form-message>div {
        color: #000
    }
}

.screen-readers-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.txt-color-black {
    color: var(--color-neutral-dark)
}

.txt-color-white {
    color: var(--color-neutral-light)
}

.txt-color-1 {
    color: var(--color-main-3)
}

.txt-color-2 {
    color: var(--color-neutral-light)
}

::selection {
    color: var(--color-neutral-dark);
    background: #b0b2b5
}

.title-level-4,h4:not([class*=title-level]),.title-level-3,h3:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]),.title-level-1,h1:not([class*=title-level]),.labels>li span,.title-level-6,h6:not([class*=title-level]),.title-level-5,h5:not([class*=title-level]),h3:not([class*=title-level]),.title-level-1,h1:not([class*=title-level]),h2:not([class*=title-level]) {
    font-family: "Montserrat",Arial,sans-serif
}

.title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
    font-size: 20px;
    line-height: 1.15em;
    font-weight: 600;
    margin: 0 0 .5em
}

@media screen and (min-width: 480px) {
    .title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
        font-size:36px
    }
}

@media screen and (min-width: 600px) {
    .title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
        font-size:40px
    }
}

@media screen and (min-width: 768px) {
    .title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
        font-size:46px
    }
}

@media screen and (min-width: 960px) {
    .title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
        font-size:54px
    }
}

@media screen and (min-width: 1200px) {
    .title-level-1,h1:not([class*=title-level]),.title-level-2,h2:not([class*=title-level]) {
        font-size:60px
    }
}

.title-level-3,h3:not([class*=title-level]) {
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 600;
    margin: 0 0 .5em
}

@media screen and (min-width: 480px) {
    .title-level-3,h3:not([class*=title-level]) {
        font-size:25px
    }
}

@media screen and (min-width: 600px) {
    .title-level-3,h3:not([class*=title-level]) {
        font-size:29px
    }
}

@media screen and (min-width: 768px) {
    .title-level-3,h3:not([class*=title-level]) {
        font-size:35px
    }
}

@media screen and (min-width: 960px) {
    .title-level-3,h3:not([class*=title-level]) {
        font-size:40px
    }
}

@media screen and (min-width: 1200px) {
    .title-level-3,h3:not([class*=title-level]) {
        font-size:44px
    }
}

.title-level-4,h4:not([class*=title-level]) {
    font-size: 17px;
    line-height: 1.45em;
    font-weight: 400;
    margin: 0 0 .62em
}

@media screen and (min-width: 480px) {
    .title-level-4,h4:not([class*=title-level]) {
        font-size:17px
    }
}

@media screen and (min-width: 600px) {
    .title-level-4,h4:not([class*=title-level]) {
        font-size:18px
    }
}

@media screen and (min-width: 768px) {
    .title-level-4,h4:not([class*=title-level]) {
        font-size:19px
    }
}

@media screen and (min-width: 960px) {
    .title-level-4,h4:not([class*=title-level]) {
        font-size:21px
    }
}

@media screen and (min-width: 1200px) {
    .title-level-4,h4:not([class*=title-level]) {
        font-size:22px
    }
}

.title-level-5,h5:not([class*=title-level]) {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0 0 .7em
}

@media screen and (min-width: 600px) {
    .title-level-5,h5:not([class*=title-level]) {
        font-size:16px
    }
}

.labels>li span,.title-level-6,h6:not([class*=title-level]) {
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 600;
    margin: 0 0 .7em
}

@media screen and (min-width: 600px) {
    .labels>li span,.title-level-6,h6:not([class*=title-level]) {
        font-size:16px
    }
}

.labels>li span span.price {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2em
}

.login-container footer .content-holder .footer-top ul li a,.labels>li span span,noscript .alert.alert-warning.alert-top,body,p {
    font-family: "Montserrat",Arial,sans-serif
}

.login-container footer .content-holder .footer-bottom p,.labels>li span span.price-old,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display,.form-message.inline[data-type=info]>div p,.form-message.inline[data-type=alert]>div p,.form-message.inline[data-type=error]>div p,.form-message.inline[data-type=success]>div p,.filebox-ui.input-ui .filebox-ui-list li,p.small-text,p.tiny {
    font-size: 10px;
    font-weight: 300;
    line-height: 1.5em
}

@media screen and (min-width: 600px) {
    .login-container footer .content-holder .footer-bottom p,.labels>li span span.price-old,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display,.form-message.inline[data-type=info]>div p,.form-message.inline[data-type=alert]>div p,.form-message.inline[data-type=error]>div p,.form-message.inline[data-type=success]>div p,.filebox-ui.input-ui .filebox-ui-list li,p.small-text,p.tiny {
        font-size:12px
    }
}

p.txt-semibold,p.tiny.sec,p.sec,p.sub-title {
    font-weight: 600 !important
}

.login-container .site-info-box .cookies-box .content p a,.login-container .site-info-box .cookies-box .content p,.form-ui-body-row .form-ui-item>p.notalabel,p.nota,p.nota a,p.note,p.note a {
    font-size: 10px;
    font-weight: 300;
    line-height: 1.8em
}

@media screen and (min-width: 600px) {
    .login-container .site-info-box .cookies-box .content p a,.login-container .site-info-box .cookies-box .content p,.form-ui-body-row .form-ui-item>p.notalabel,p.nota,p.nota a,p.note,p.note a {
        font-size:10px
    }
}

.login-container footer .content-holder .footer-top ul li a,.labels>li span span,noscript .alert.alert-warning.alert-top,body,p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0 0 .25em;
    transition: background-color .2s
}

@media screen and (min-width: 600px) {
    .login-container footer .content-holder .footer-top ul li a,.labels>li span span,noscript .alert.alert-warning.alert-top,body,p {
        font-size:14px
    }
}

span.font-secondary {
    font-family: "MEO Text",Arial,sans-serif
}

span.font-extra {
    font-family: "meo-text-extended","MEO Text",Arial,sans-serif !important;
    text-transform: none !important;
    font-size: inherit;
    font-weight: normal !important;
    text-decoration: inherit !important
}

h4:first-child:not([class*=title-level]) {
    font-weight: 600
}

.title-level-5,h5:not([class*=title-level]) {
    margin: 0 0 .15em
}

.title-level-6,h6:not([class*=title-level]) {
    margin: 0 0 .15em
}

h1,h2,h3,h4,h5,h6,p {
    font-family: "Montserrat",sans-serif
}

h4.sec {
    font-weight: 600
}

sup {
    vertical-align: super;
    font-size: .5em;
    position: inherit
}

span.font-secondary {
    font-family: "MEO Text",Arial,sans-serif
}

span.font-extra {
    font-family: "meo-text-extended","MEO Text",Arial,sans-serif !important;
    text-transform: none !important;
    font-size: inherit;
    font-weight: normal !important;
    text-decoration: inherit !important
}

[class*=block-] h1,[class*=block-] h2,[class*=block-] h3,[class*=block-] h4,[class*=block-] h5,[class*=block-] h6,[class*=block-] p {
    margin-top: 0;
    color: inherit
}

a[disabled],button[disabled],.btn-inactive {
    pointer-events: none !important
}

a {
    transition: all .12s
}

a:after,a:hover:after {
    display: inline-block
}

a.disabled {
    cursor: text;
    pointer-events: none
}

[class^=btn-] {
    cursor: pointer;
    border: 0;
    padding: 0;
    background: rgba(0,0,0,0)
}

.link-loading {
    cursor: progress
}

.hyperlinks {
    list-style: none;
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.hyperlinks li {
    display: block
}

.hyperlinks.sideByside {
    flex-wrap: nowrap
}

.hyperlinks.sideByside li {
    width: 50%
}

.hyperlinks.sideByside li:last-child,.hyperlinks.sideByside li.sideBysideRight {
    text-align: right
}

.btn-apps,.btn-gplay {
    font-size: 0 !important;
    letter-spacing: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button,#skip a:active,#skip a:focus,#skip a:focus-visible,.btn-primary,.btn-secondary {
    display: inline-block;
    position: relative;
    color: var(--color-neutral-light);
    background-color: rgba(0,0,0,0);
    font-family: "Montserrat",Arial,sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: .12em;
    border-radius: 5px;
    line-height: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid rgba(0,0,0,0);
    text-align: left !important;
    transition: inherit;
    text-decoration: none
}

@media screen and (min-width: 600px) {
    .filebox-ui.input-ui .filebox-ui-label .filebox-ui-button,#skip a:active,#skip a:focus,#skip a:focus-visible,.btn-primary,.btn-secondary {
        font-size:12px;
        padding-bottom: 16px;
        padding-top: 16px
    }
}

.btn-icon {
    display: inline-block;
    position: relative;
    color: var(--color-neutral-light);
    background-color: rgba(0,0,0,0);
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 10px;
    line-height: 0px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid rgba(0,0,0,0);
    text-align: left !important;
    transition: inherit;
    text-decoration: none
}

@media screen and (min-width: 600px) {
    .btn-icon {
        font-size:12px;
        padding-bottom: 17px;
        padding-top: 17px
    }
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:before,.btn-primary:before,.btn-secondary:before {
    font-family: "icons";
    position: absolute;
    left: auto;
    right: 14px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    font-weight: normal !important;
    text-transform: none !important;
    line-height: .5;
    font-size: 2em
}

.btn-primary.btn-icon-left,.btn-secondary.btn-icon-left {
    padding-left: 40px !important;
    padding-right: 25px !important
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button,.btn-loading.btn-primary,.btn-loading.btn-secondary,.lnk-external.btn-primary,.lnk-external.btn-secondary,.btn-success.btn-primary,.btn-success.btn-secondary,.btn-primary.btn-icon-right,.btn-secondary.btn-icon-right,.btn-primary[class*=icon-],.btn-secondary[class*=icon-] {
    padding-left: 25px;
    padding-right: 40px
}

.btn-primary.btn-icon-left:before,.btn-secondary.btn-icon-left:before {
    left: 14px !important;
    text-align: left !important;
    right: auto !important
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:before,.lnk-external.btn-primary:before,.lnk-external.btn-secondary:before,.btn-primary.btn-icon-right:before,.btn-secondary.btn-icon-right:before,.btn-primary[class*=icon-]:before,.btn-secondary[class*=icon-]:before {
    right: 14px;
    left: auto
}

.lnk-external.btn-primary.btn-tiny,.lnk-external.btn-secondary.btn-tiny,.btn-tiny.btn-primary,.btn-tiny.btn-secondary {
    font-size: 10px;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 25px;
    padding-right: 25px
}

.btn-tiny.btn-icon {
    font-size: 10px;
    padding-bottom: 13px;
    padding-top: 13px
}

.btn-tiny.btn-primary.btn-icon-left,.btn-tiny.btn-secondary.btn-icon-left {
    padding-left: 40px;
    padding-right: 25px
}

.btn-loading.btn-primary.btn-tiny,.btn-loading.btn-secondary.btn-tiny,.lnk-external.btn-primary.btn-tiny,.lnk-external.btn-secondary.btn-tiny,.btn-success.btn-primary.btn-tiny,.btn-success.btn-secondary.btn-tiny,.btn-tiny.btn-primary.btn-icon-right,.btn-tiny.btn-secondary.btn-icon-right,.btn-tiny.btn-primary[class*=icon-],.btn-tiny.btn-secondary[class*=icon-] {
    padding-left: 25px;
    padding-right: 40px
}

.btn-loading.btn-text,.btn-text.btn-icon-right,.btn-text {
    display: inline;
    position: relative;
    font-family: "Montserrat",Arial,sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: .12em;
    text-decoration: none;
    text-align: left !important
}

@media screen and (min-width: 600px) {
    .btn-loading.btn-text,.btn-text.btn-icon-right,.btn-text {
        font-size:12px
    }
}

.btn-loading.btn-text,.lnk-external.btn-text,.btn-success.btn-text,.btn-text.btn-icon-right,.btn-text[class*=icon-] {
    padding-right: 25px
}

.btn-loading.btn-text:before,.btn-text.btn-icon-right:before,.btn-text:before {
    font-family: "icons";
    font-weight: normal !important;
    text-transform: none !important;
    position: absolute;
    bottom: 2px;
    right: 0;
    transform: none;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    line-height: .5;
    font-size: 2em
}

.btn-text.btn-icon-left:before {
    position: static;
    right: auto;
    bottom: auto;
    margin-bottom: 2px
}

.lnk-external.btn-text:before,.btn-text[class*=icon-]:before {
    right: 0;
    bottom: 2px
}

.btn-tiny.btn-text {
    font-size: 10px
}

.btn-loading.btn-text.btn-tiny,.lnk-external.btn-text.btn-tiny,.btn-success.btn-text.btn-tiny,.btn-tiny.btn-text[class*=icon-].btn-icon-right,.btn-tiny.btn-text[class*=icon-] {
    padding-right: 22px
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:before {
    font-family: "icons";
    content: "Ӂ";
    font-size: 2em;
    line-height: .5;
    text-align: right;
    font-weight: normal;
    text-transform: none
}

.btn-icon:not([class*=icon-]):before {
    font-family: "icons";
    content: "Ӂ";
    font-size: 2em;
    line-height: .5;
    text-align: right;
    font-weight: normal;
    text-transform: none
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button,.btn-icon.btn-color-1,.btn-icon,.btn-primary.btn-color-1,.btn-secondary.btn-color-1,.btn-primary,.btn-secondary {
    border-color: var(--color-main-3);
    color: var(--color-main-3)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-button,.btn-icon.btn-color-2,.btn-primary.btn-color-2,.btn-secondary.btn-color-2 {
    border-color: var(--color-neutral-light);
    color: var(--color-neutral-light)
}

.btn-success.btn-primary,.btn-success.btn-secondary {
    background: #00aa14;
    color: var(--color-neutral-light);
    border-color: #00aa14
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:hover,#skip a:active,#skip a:focus,#skip a:focus-visible,a:hover .btn-primary.btn-color-1,a:hover .btn-secondary.btn-color-1,a:focus .btn-primary.btn-color-1,a:focus .btn-secondary.btn-color-1,a:hover .btn-primary,a:hover .btn-secondary,a:focus .btn-primary,a:focus .btn-secondary,.btn-icon.btn-color-1:hover,.btn-icon.btn-color-1:focus,.btn-icon:hover,.btn-icon:focus,.btn-primary.btn-color-1:hover,.btn-primary.btn-color-1:focus,.btn-secondary.btn-color-1:hover,.btn-secondary.btn-color-1:focus,.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus {
    color: var(--color-neutral-light);
    border-color: var(--color-main-3);
    background: var(--color-main-3)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:hover,a:hover .btn-primary.btn-color-2,a:hover .btn-secondary.btn-color-2,a:focus .btn-primary.btn-color-2,a:focus .btn-secondary.btn-color-2,.btn-icon.btn-color-2:hover,.btn-icon.btn-color-2:focus,.btn-primary.btn-color-2:hover,.btn-primary.btn-color-2:focus,.btn-secondary.btn-color-2:hover,.btn-secondary.btn-color-2:focus {
    color: var(--color-main-3);
    border-color: var(--color-neutral-light);
    background: var(--color-neutral-light)
}

.btn-success.btn-primary:hover,.btn-success.btn-primary:focus,.btn-success.btn-secondary:hover,.btn-success.btn-secondary:focus {
    background: #008d11;
    color: var(--color-neutral-light);
    border-color: #008d11
}

.btn-text.btn-color-1,.btn-text {
    color: var(--color-main-3)
}

.btn-text.btn-color-2 {
    color: var(--color-neutral-light)
}

.btn-success.btn-text {
    color: #00aa14
}

a:hover .btn-text,a:focus .btn-text,.btn-text:hover,.btn-text:focus {
    color: #b0b2b5
}

.btn-success.btn-text:hover,.btn-success.btn-text:focus {
    color: #008d11
}

.btn-loading.iconLoading-black:before,.btn-loading.btn-primary:before,.btn-loading.btn-primary.btn-color-1:before,.btn-loading.btn-primary.btn-color-2:hover:before,.btn-loading.btn-secondary:before,.btn-loading.btn-secondary.btn-color-1:before,.btn-loading.btn-secondary.btn-color-2:hover:before,.btn-loading.btn-icon.btn-color-1:before,.btn-loading.btn-icon.btn-color-2:hover:before,.btn-loading.btn-text:before,.btn-loading.btn-text.hover:before,.btn-loading.btn-text.btn-color-1:before,.btn-loading.btn-text.btn-color-1:hover:before,.btn-loading:before {
    content: url(../images/loadingEPS.svg) !important
}

.btn-loading.icon-xl.btn-color-2:before,.btn-loading.icon-l.btn-color-2:before,.btn-loading.icon-m.btn-color-2:before,.btn-loading.icon-s.btn-color-2:before,.btn-loading.icon-xs.btn-color-2:before,.btn-loading.iconLoading-white:before,.btn-loading.btn-primary:hover:before,.btn-loading.btn-primary.btn-color-1:hover:before,.btn-loading.btn-primary.btn-color-2:before,.btn-loading.btn-secondary:hover:before,.btn-loading.btn-secondary.btn-color-2:before,.btn-loading.btn-icon:hover:before,.btn-loading.btn-icon.btn-color-2:before,.btn-loading.btn-text.btn-color-2:before,.btn-loading.btn-text.btn-color-2:hover:before {
    content: url(../images/loadingbrancoEPS.svg) !important
}

a:focus-visible,button:focus-visible {
    outline: 1px solid var(--color-main-3) !important;
    outline-offset: 1px
}

a {
    outline: 0 !important;
    color: inherit;
    text-decoration: underline
}

a:visited {
    color: inherit
}

a:focus {
    text-decoration: none;
    color: #b0b2b5
}

a:hover {
    color: #b0b2b5;
    text-decoration: none
}

a:after,a:hover:after {
    text-decoration: none !important
}

a.disabled {
    color: var(--color-main-3) !important
}

a.disabled:hover {
    text-decoration: none
}

a.underline {
    text-decoration: underline
}

a.underline:hover {
    text-decoration: none
}

a.glyphicon {
    font-size: 75%
}

a.glyphicon.glyphicon-new-window {
    margin-right: 3px
}

[class^=btn-]:active,[class*=" btn-"]:active,[class^=btn-]:visited,[class*=" btn-"]:visited,[class^=btn-]:focus,[class*=" btn-"]:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none
}

.btn-inactive {
    opacity: .2
}

.btn-inactive:hover {
    background-color: inherit;
    text-decoration: none
}

.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus {
    text-decoration: none
}

.btn-primary.btn-inactive,.btn-secondary.btn-inactive {
    background-color: rgba(0,0,0,0) !important
}

.btn-text:hover,.btn-text:focus {
    text-decoration: none
}

.btn-text.btn-icon-left {
    padding: 0
}

.btn-icon:before {
    font-size: 2em;
    line-height: .6
}

.btn-icon:hover,.btn-icon:focus {
    text-decoration: none
}

a:hover .btn-primary,a:hover .btn-secondary,a:focus .btn-primary,a:focus .btn-secondary {
    text-decoration: none
}

a:has(.btn-text) {
    text-decoration: none
}

a:hover .btn-text,a:focus .btn-text {
    text-decoration: none
}

.hyperlinks {
    margin-top: 20px;
    margin-right: -7.5px;
    margin-left: -7.5px;
    max-width: calc(100% + 7.5px)
}

@media screen and (min-width: 960px) {
    .hyperlinks {
        margin-top: 28px
    }
}

.form-ui-item .hyperlinks {
    margin-top: 0
}

.hyperlinks li {
    margin-right: 7.5px;
    margin-left: 7.5px;
    margin-bottom: 15px
}

@media screen and (min-width: 600px) {
    .hyperlinks {
        margin-right:-10px;
        margin-left: -10px;
        margin-bottom: -20px;
        max-width: calc(100% + 20px)
    }

    .hyperlinks li {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 20px
    }
}

.hyperlinks {
    padding: 0
}

.hyperlinks.justify {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.txt-align-center .hyperlinks {
    justify-content: center
}

.txt-align-left .hyperlinks {
    justify-content: flex-start
}

.txt-align-right .hyperlinks {
    justify-content: flex-end
}

ul.hyperlinks.icons a[class^=icon-] {
    text-decoration: none
}

[class^=icon-]:before,[class*=" icon-"]:before {
    vertical-align: middle;
    display: inline-block
}

.btn-icon-left.btn-record-serie:before,.btn-icon-right.btn-record-serie:before,[class^=btn-].btn-record-serie:before,[class*=" btn-"].btn-record-serie:before {
    background: url("../images/icon_record-serie.svg");
    content: " ";
    background-repeat: no-repeat;
    height: 12px;
    width: 20px;
    margin-left: 3px;
    margin-right: 3px
}

.btn-icon-left.btn-record-program:before,.btn-icon-right.btn-record-program:before,[class^=btn-].btn-record-program:before,[class*=" btn-"].btn-record-program:before {
    background-color: #ed2024;
    content: "";
    border-radius: 50%;
    height: 12px !important;
    width: 12px !important;
    margin-right: 5px;
    margin-left: 5px
}

.btn-icon-left.btn-video:before,.btn-icon-right.btn-video:before,[class^=btn-].btn-video:before,[class*=" btn-"].btn-video:before {
    content: "";
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    margin-left: 10px;
    margin-right: 10px
}

.btn-icon-left.btn-video.btn-primary.btn-color-1:before,.btn-icon-left.btn-video.btn-primary.btn-color-4:before,.btn-icon-left.btn-video.btn-primary.btn-color-5:before,.btn-icon-right.btn-video.btn-primary.btn-color-1:before,.btn-icon-right.btn-video.btn-primary.btn-color-4:before,.btn-icon-right.btn-video.btn-primary.btn-color-5:before,[class^=btn-].btn-video.btn-primary.btn-color-1:before,[class^=btn-].btn-video.btn-primary.btn-color-4:before,[class^=btn-].btn-video.btn-primary.btn-color-5:before,[class*=" btn-"].btn-video.btn-primary.btn-color-1:before,[class*=" btn-"].btn-video.btn-primary.btn-color-4:before,[class*=" btn-"].btn-video.btn-primary.btn-color-5:before {
    border-left-color: var(--color-neutral-dark)
}

.btn-icon-left.btn-video.btn-primary.btn-color-2:before,.btn-icon-left.btn-video.btn-primary.btn-color-5:before,.btn-icon-right.btn-video.btn-primary.btn-color-2:before,.btn-icon-right.btn-video.btn-primary.btn-color-5:before,[class^=btn-].btn-video.btn-primary.btn-color-2:before,[class^=btn-].btn-video.btn-primary.btn-color-5:before,[class*=" btn-"].btn-video.btn-primary.btn-color-2:before,[class*=" btn-"].btn-video.btn-primary.btn-color-5:before {
    border-left-color: var(--color-neutral-light)
}

.btn-icon-left.btn-video.btn-primary.btn-color-3:before,.btn-icon-right.btn-video.btn-primary.btn-color-3:before,[class^=btn-].btn-video.btn-primary.btn-color-3:before,[class*=" btn-"].btn-video.btn-primary.btn-color-3:before {
    border-left-color: var(--color-main-3)
}

.btn-icon-left.btn-video.btn-primary:hover:before,.btn-icon-left.btn-video.btn-primary:focus:before,.btn-icon-right.btn-video.btn-primary:hover:before,.btn-icon-right.btn-video.btn-primary:focus:before,[class^=btn-].btn-video.btn-primary:hover:before,[class^=btn-].btn-video.btn-primary:focus:before,[class*=" btn-"].btn-video.btn-primary:hover:before,[class*=" btn-"].btn-video.btn-primary:focus:before {
    border-left-color: var(--color-neutral-light)
}

.btn-icon-left.btn-video.btn-secondary.btn-color-1:before,.btn-icon-left.btn-video.btn-secondary.btn-color-3:before,.btn-icon-left.btn-video.btn-secondary.btn-color-5:before,.btn-icon-right.btn-video.btn-secondary.btn-color-1:before,.btn-icon-right.btn-video.btn-secondary.btn-color-3:before,.btn-icon-right.btn-video.btn-secondary.btn-color-5:before,[class^=btn-].btn-video.btn-secondary.btn-color-1:before,[class^=btn-].btn-video.btn-secondary.btn-color-3:before,[class^=btn-].btn-video.btn-secondary.btn-color-5:before,[class*=" btn-"].btn-video.btn-secondary.btn-color-1:before,[class*=" btn-"].btn-video.btn-secondary.btn-color-3:before,[class*=" btn-"].btn-video.btn-secondary.btn-color-5:before {
    border-left-color: var(--color-neutral-light)
}

.btn-icon-left.btn-video.btn-secondary.btn-color-2:before,.btn-icon-left.btn-video.btn-secondary.btn-color-4:before,.btn-icon-right.btn-video.btn-secondary.btn-color-2:before,.btn-icon-right.btn-video.btn-secondary.btn-color-4:before,[class^=btn-].btn-video.btn-secondary.btn-color-2:before,[class^=btn-].btn-video.btn-secondary.btn-color-4:before,[class*=" btn-"].btn-video.btn-secondary.btn-color-2:before,[class*=" btn-"].btn-video.btn-secondary.btn-color-4:before {
    border-left-color: var(--color-neutral-dark)
}

.btn-icon-left.btn-video.btn-secondary:hover:before,.btn-icon-left.btn-video.btn-secondary:focus:before,.btn-icon-right.btn-video.btn-secondary:hover:before,.btn-icon-right.btn-video.btn-secondary:focus:before,[class^=btn-].btn-video.btn-secondary:hover:before,[class^=btn-].btn-video.btn-secondary:focus:before,[class*=" btn-"].btn-video.btn-secondary:hover:before,[class*=" btn-"].btn-video.btn-secondary:focus:before {
    border-left-color: var(--color-neutral-light)
}

.btn-icon-left.btn-video.btn-text.btn-color-1:before,.btn-icon-right.btn-video.btn-text.btn-color-1:before,[class^=btn-].btn-video.btn-text.btn-color-1:before,[class*=" btn-"].btn-video.btn-text.btn-color-1:before {
    border-left-color: var(--color-neutral-dark)
}

.btn-icon-left.btn-video.btn-text.btn-color-2:before,.btn-icon-right.btn-video.btn-text.btn-color-2:before,[class^=btn-].btn-video.btn-text.btn-color-2:before,[class*=" btn-"].btn-video.btn-text.btn-color-2:before {
    border-left-color: var(--color-neutral-light)
}

.btn-icon-left.btn-video.btn-text:hover:before,.btn-icon-left.btn-video.btn-text:focus:before,.btn-icon-right.btn-video.btn-text:hover:before,.btn-icon-right.btn-video.btn-text:focus:before,[class^=btn-].btn-video.btn-text:hover:before,[class^=btn-].btn-video.btn-text:focus:before,[class*=" btn-"].btn-video.btn-text:hover:before,[class*=" btn-"].btn-video.btn-text:focus:before {
    border-left-color: var(--color-main-3)
}

.btn-icon-left.icon-facebook:before,.btn-icon-right.icon-facebook:before,[class^=btn-].icon-facebook:before,[class*=" btn-"].icon-facebook:before {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 15px auto;
    background-position: center -75px !important;
    content: "";
    vertical-align: middle !important;
    width: 21px !important
}

@media screen and (min-width: 600px) {
    .btn-icon-left.icon-facebook:before,.btn-icon-right.icon-facebook:before,[class^=btn-].icon-facebook:before,[class*=" btn-"].icon-facebook:before {
        width:25px !important
    }
}

.btn-icon-left.icon-google:before,.btn-icon-right.icon-google:before,[class^=btn-].icon-google:before,[class*=" btn-"].icon-google:before {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 15px auto;
    background-position: center -1365px !important;
    content: "";
    vertical-align: middle !important;
    width: 21px !important
}

@media screen and (min-width: 600px) {
    .btn-icon-left.icon-google:before,.btn-icon-right.icon-google:before,[class^=btn-].icon-google:before,[class*=" btn-"].icon-google:before {
        width:25px !important
    }
}

.btn-icon-left.icon-instagram:before,.btn-icon-right.icon-instagram:before,[class^=btn-].icon-instagram:before,[class*=" btn-"].icon-instagram:before {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 15px auto;
    background-position: center -105px !important;
    content: "";
    vertical-align: middle !important;
    width: 21px !important
}

@media screen and (min-width: 600px) {
    .btn-icon-left.icon-instagram:before,.btn-icon-right.icon-instagram:before,[class^=btn-].icon-instagram:before,[class*=" btn-"].icon-instagram:before {
        width:25px !important
    }
}

.btn-icon-left.icon-windows:before,.btn-icon-right.icon-windows:before,[class^=btn-].icon-windows:before,[class*=" btn-"].icon-windows:before {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 15px auto;
    background-position: center -1380px !important;
    content: "";
    vertical-align: middle !important;
    width: 21px !important
}

@media screen and (min-width: 600px) {
    .btn-icon-left.icon-windows:before,.btn-icon-right.icon-windows:before,[class^=btn-].icon-windows:before,[class*=" btn-"].icon-windows:before {
        width:25px !important
    }
}

.btn-icon-left.icon-linkedin:before,.btn-icon-right.icon-linkedin:before,[class^=btn-].icon-linkedin:before,[class*=" btn-"].icon-linkedin:before {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 15px auto;
    background-position: center -150px !important;
    content: "";
    vertical-align: middle !important;
    width: 21px !important
}

@media screen and (min-width: 600px) {
    .btn-icon-left.icon-linkedin:before,.btn-icon-right.icon-linkedin:before,[class^=btn-].icon-linkedin:before,[class*=" btn-"].icon-linkedin:before {
        width:25px !important
    }
}

.btn-success:before {
    content: "ӛ"
}

.lnk-external.btn-primary:before,.lnk-external.btn-secondary:before {
    content: "ѣ"
}

.lnk-external.btn-text:before {
    content: "ѣ"
}

.btn-gplay {
    background-size: 80px !important;
    min-width: 126px;
    min-height: 40px
}

@media screen and (min-width: 600px) {
    .btn-gplay {
        background-size:90px !important;
        min-width: 142px;
        min-height: 50px
    }
}

.btn-gplay.btn-primary {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-primary:focus,.btn-gplay.btn-primary:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-primary.btn-color-1 {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-primary.btn-color-1:focus,.btn-gplay.btn-primary.btn-color-1:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-primary.btn-color-2 {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-primary.btn-color-2:focus,.btn-gplay.btn-primary.btn-color-2:hover {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-primary.btn-tiny {
    background-size: 65px !important;
    min-width: 108px;
    min-height: 40px
}

@media screen and (min-width: 600px) {
    .btn-gplay.btn-primary.btn-tiny {
        background-size:80px !important;
        min-width: 126px
    }
}

.btn-gplay.btn-secondary {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-secondary:focus,.btn-gplay.btn-secondary:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-secondary.btn-color-1 {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-secondary.btn-color-1:focus,.btn-gplay.btn-secondary.btn-color-1:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-secondary.btn-color-2 {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-secondary.btn-color-2:focus,.btn-gplay.btn-secondary.btn-color-2:hover {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-secondary.btn-tiny {
    background-size: 65px !important;
    min-width: 108px
}

@media screen and (min-width: 600px) {
    .btn-gplay.btn-secondary.btn-tiny {
        background-size:80px !important;
        min-width: 126px
    }
}

.btn-gplay.btn-text {
    padding: 0;
    margin: 0;
    display: block;
    background-image: url("../images/icon_btn_gplay.svg");
    background-size: 70px !important;
    min-width: 90px;
    min-height: 28px
}

@media screen and (min-width: 600px) {
    .btn-gplay.btn-text {
        background-size:88px !important;
        min-width: 120px;
        min-height: 30px
    }
}

.btn-gplay.btn-text:before {
    display: none
}

.btn-gplay.btn-text:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-text.btn-color-1 {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-text.btn-color-1:hover {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-text.btn-color-2 {
    background-image: url("../images/icon_btn_gplay_white.svg")
}

.btn-gplay.btn-text.btn-color-2:hover {
    background-image: url("../images/icon_btn_gplay.svg")
}

.btn-gplay.btn-text.btn-tiny {
    background-size: 70px !important;
    min-width: 90px;
    min-height: 28px
}

@media screen and (min-width: 600px) {
    .btn-gplay.btn-text.btn-tiny {
        background-size:70px !important;
        min-width: 90px;
        min-height: 28px
    }
}

.btn-apps {
    background-size: 80px !important;
    min-width: 126px;
    min-height: 40px
}

@media screen and (min-width: 600px) {
    .btn-apps {
        background-size:90px !important;
        min-width: 142px;
        min-height: 50px
    }
}

.btn-apps.btn-primary {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-primary:focus,.btn-apps.btn-primary:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-primary.btn-color-1 {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-primary.btn-color-1:focus,.btn-apps.btn-primary.btn-color-1:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-primary.btn-color-2 {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-primary.btn-color-2:focus,.btn-apps.btn-primary.btn-color-2:hover {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-primary.btn-tiny {
    background-size: 65px !important;
    min-width: 108px;
    min-height: 40px
}

@media screen and (min-width: 600px) {
    .btn-apps.btn-primary.btn-tiny {
        background-size:80px !important;
        min-width: 126px
    }
}

.btn-apps.btn-secondary {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-secondary:focus,.btn-apps.btn-secondary:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-secondary.btn-color-1 {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-secondary.btn-color-1:focus,.btn-apps.btn-secondary.btn-color-1:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-secondary.btn-color-2 {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-secondary.btn-color-2:focus,.btn-apps.btn-secondary.btn-color-2:hover {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-secondary.btn-tiny {
    background-size: 65px !important;
    min-width: 108px
}

@media screen and (min-width: 600px) {
    .btn-apps.btn-secondary.btn-tiny {
        background-size:80px !important;
        min-width: 126px
    }
}

.btn-apps.btn-text {
    padding: 0;
    margin: 0;
    display: block !important;
    background-image: url("../images/icon_btn_apps.svg");
    background-size: 70px !important;
    min-width: 90px;
    min-height: 28px
}

@media screen and (min-width: 600px) {
    .btn-apps.btn-text {
        background-size:88px !important;
        min-width: 120px;
        min-height: 30px
    }
}

.btn-apps.btn-text:before {
    display: none
}

.btn-apps.btn-text:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-text.btn-color-1 {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-text.btn-color-1:hover {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-text.btn-color-2 {
    background-image: url("../images/icon_btn_apps_white.svg")
}

.btn-apps.btn-text.btn-color-2:hover {
    background-image: url("../images/icon_btn_apps.svg")
}

.btn-apps.btn-text.btn-tiny {
    background-size: 70px !important;
    min-width: 90px;
    min-height: 28px
}

@media screen and (min-width: 600px) {
    .btn-apps.btn-text.btn-tiny {
        background-size:70px !important;
        min-width: 90px;
        min-height: 28px
    }
}

.btn-loading:before {
    font-size: 0px;
    top: calc(50% - 9px) !important;
    width: 18px;
    height: 18px;
    line-height: 0 !important;
    opacity: 1 !important;
    animation: rotating 1.5s linear infinite;
    transform-origin: 50%;
    content: "";
    bottom: 0;
    margin-left: 7px
}

.btn-loading.btn-icon-left:before {
    margin-right: 7px;
    margin-left: 0
}

.btn-loading.btn-icon:before {
    display: inline-block;
    margin: 0
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.btn-loading.icon-xs {
    cursor: default
}

.btn-loading.icon-xs:before {
    background-size: auto;
    margin: 0;
    width: 10px;
    height: 10px
}

@media screen and (min-width: 960px) {
    .btn-loading.icon-xs:before {
        width:18px;
        height: 18px
    }
}

.btn-loading.icon-s {
    cursor: default
}

.btn-loading.icon-s:before {
    background-size: auto;
    margin: 0;
    width: 20px;
    height: 20px
}

@media screen and (min-width: 960px) {
    .btn-loading.icon-s:before {
        width:36px;
        height: 36px
    }
}

.btn-loading.icon-m {
    cursor: default
}

.btn-loading.icon-m:before {
    background-size: auto;
    margin: 0;
    width: 30px;
    height: 30px
}

@media screen and (min-width: 960px) {
    .btn-loading.icon-m:before {
        width:54px;
        height: 54px
    }
}

.btn-loading.icon-l {
    cursor: default
}

.btn-loading.icon-l:before {
    background-size: auto;
    margin: 0;
    width: 40px;
    height: 40px
}

@media screen and (min-width: 960px) {
    .btn-loading.icon-l:before {
        width:72px;
        height: 72px
    }
}

.btn-loading.icon-xl {
    cursor: default
}

.btn-loading.icon-xl:before {
    background-size: auto;
    margin: 0;
    width: 50px;
    height: 50px
}

@media screen and (min-width: 960px) {
    .btn-loading.icon-xl:before {
        width:90px;
        height: 90px
    }
}

body {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-dark)
}

ul,ol {
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.block-overlay .part .content-holder>ul>li.active .text-holder .text-wrap ul {
    list-style-type: disc;
    padding-left: 16px;
    margin-left: 10px
}

@media screen and (min-width: 960px) {
    .block-overlay .part .content-holder>ul>li.active .text-holder .text-wrap ul {
        padding-left:16.8px;
        margin-left: 14px
    }
}

b,strong {
    font-weight: 600
}

.txt-italic {
    font-style: italic
}

.txt-highlighted {
    color: var(--color-main-3)
}

.riscado {
    text-decoration: line-through
}

.promo-txt {
    color: var(--color-main-3)
}

.full-width {
    max-width: 1600px
}

noscript .alert.alert-warning.alert-top {
    margin: 0 auto;
    border-radius: 0;
    text-align: center;
    background: #ff7f32;
    color: var(--color-neutral-light);
    overflow: hidden;
    padding: 10px 20px
}

@media screen and (min-width: 960px) {
    noscript .alert.alert-warning.alert-top {
        padding: 14px 28px
    }
}

#skip {
    z-index: 20000
}

#skip a {
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    top: -100vh;
    overflow: hidden
}

#skip a:active,#skip a:focus,#skip a:focus-visible {
    top: 10px
}

@media screen and (min-width: 960px) {
    #skip a:active,#skip a:focus,#skip a:focus-visible {
        top:14px
    }
}

@keyframes picture_lighting_shine {
    0% {
        background-position: 50% 120%
    }

    80% {
        background-position: 50% -30%
    }
}

img {
    vertical-align: middle;
    max-width: none;
    border: 0
}

img:not(.lazy-loading) {
    width: auto
}

picture.loading-img {
    background-color: var(--color-neutral-3)
}

picture:not(.loading-img) img {
    max-width: 100%;
    height: auto
}

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

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow: visible;
    scroll-behavior: smooth
}

main,.main {
    background: inherit
}

.conteudo {
    color: inherit;
    background: inherit;
    overflow: inherit
}

iframe {
    max-width: 100%;
    overflow: hidden
}

button {
    min-width: 0;
    appearance: none;
    cursor: pointer;
    border: 0;
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
    vertical-align: top
}

.full-width {
    margin: 0 auto
}

.v-top {
    vertical-align: top !important
}

.v-middle {
    vertical-align: middle !important
}

.v-bottom {
    vertical-align: bottom !important
}

.txt-align-left {
    text-align: left !important
}

.txt-align-center {
    text-align: center !important
}

.txt-align-right {
    text-align: right !important
}

#skip {
    position: relative
}

#skip a:active,#skip a:focus,#skip a:focus-visible {
    white-space: nowrap
}

main#content:active,main#content:focus,main#content:focus-visible {
    outline: none
}

@media screen and (max-width: 959px) {
    img[src=_] {
        display:none !important
    }
}

picture.loading-img.placeholder {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden
}

picture.loading-img.placeholder:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 100
}

picture.loading-img.placeholder>img.lazy-loading[src^="data:,"] {
    content: url("../images/lazy.png")
}

picture:not(.loading-img) img {
    width: auto
}

picture img {
    max-width: 100%;
    height: auto
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.bg-color-none {
    background-color: rgba(0,0,0,0) !important
}

.bg-color-light {
    background-color: var(--color-neutral-light) !important
}

.bg-color-dark {
    background-color: var(--color-neutral-dark) !important
}

.bg-color-1 {
    background-color: var(--color-neutral-1) !important
}

.bg-color-2 {
    background-color: var(--color-neutral-5) !important
}

.bg-color-3 {
    background-color: var(--color-main-3) !important
}

.box-content>.box-card {
    box-shadow: 2px 4px 8px rgba(var(--color-neutral-3), 0.2)
}

[data-tooltip] .tooltip-icon+.tooltip-box,.tooltip-container .tooltip-icon+.tooltip-box,.datebox-ui.input-ui .datebox-ui-datepicker {
    box-shadow: 2px 2px 6px 2px rgba(var(--color-neutral-3), 0.5)
}

.form-ui {
    padding-top: 5px;
    padding-bottom: 5px
}

@media screen and (min-width: 960px) {
    .form-ui {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.form-ui .form-ui-body+.form-ui-body {
    border-top: 1px solid var(--color-neutral-3);
    margin-top: 20px;
    padding-top: 20px
}

@media screen and (min-width: 960px) {
    .form-ui .form-ui-body+.form-ui-body {
        margin-top:21px;
        padding-top: 21px
    }
}

.form-ui-body-row .space_hours {
    display: none;
    padding-top: 0px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .space_hours {
        padding-top:14px
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row .space_hours {
        display:block
    }
}

.form-ui-body-row .form-ui-item>p {
    font-weight: 600;
    margin-bottom: 20px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .form-ui-item>p {
        margin-bottom:21px
    }
}

.form-ui-body-row .form-ui-item>p.normal {
    font-weight: 400;
    margin-bottom: 5px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .form-ui-item>p.normal {
        margin-bottom:7px
    }
}

.form-ui-body-row .form-ui-item>p.tiny {
    font-weight: 300;
    font-style: italic;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 0px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .form-ui-item>p.tiny {
        padding-left:21px;
        margin-top: 7px;
        margin-bottom: 0px
    }
}

.form-ui-body-row .form-ui-item>p.tiny a {
    text-decoration: underline
}

.form-ui-body-row .form-ui-item>p.tiny a.lks-normal {
    font-style: normal
}

.form-ui-body-row .form-ui-item>p.notalabel {
    color: var(--color-neutral-4);
    margin: 0
}

.form-ui-body-row .form-ui-item>p.notalabel a {
    color: var(--color-neutral-4)
}

.form-ui-body-row .form-ui-item>p.notalabel a:hover {
    color: #b0b2b5;
    text-decoration: none
}

.select-ui.input-ui .select-ui-display,.select-ui.input-ui select,.textfield-ui.input-ui textarea,.input-ui label input,.input-ui label input[type=password],.input-ui label input[type=text],.input-ui label input[type=file],.input-ui label input[type=tel],.input-ui label input[type=date],.input-ui label input[type=email] {
    background-color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-3);
    box-shadow: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    font-family: "Montserrat";
    border-radius: 3px;
    color: var(--color-neutral-dark);
    min-height: 50px;
    transition: all .3s ease-out
}

.form-dark.form-ui .select-ui.input-ui .select-ui-display,.form-dark.form-ui .input-ui label input,.form-dark.form-ui .input-ui label input[type=password],.form-dark.form-ui .input-ui label input[type=text],.form-dark.form-ui .input-ui label input[type=file],.form-dark.form-ui .input-ui label input[type=tel],.form-dark.form-ui .input-ui label input[type=date],.form-dark.form-ui .input-ui label input[type=email] {
    background-color: rgba(0,0,0,0);
    color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-4)
}

.textfield-ui.input-ui textarea,.input-ui label input,.input-ui label input[type=password],.input-ui label input[type=text],.input-ui label input[type=file],.input-ui label input[type=tel],.input-ui label input[type=date],.input-ui label input[type=email] {
    padding: 14px 20px;
    font-size: 12px;
    line-height: 16px
}

.select-ui.input-ui .select-ui-display .select-ui-label:empty~.select-ui-placeholder,.input-ui label span,.input-ui span {
    max-width: calc(100% - 31px);
    top: 18px;
    left: 0;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 300;
    font-family: "Montserrat";
    padding: 0 10px 0 21px;
    color: var(--color-neutral-dark);
    transition: all .2s ease-out .05s
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display,.textfield-ui.input-ui:not(.no-placeholder) textarea,.input-ui:not(.no-placeholder) label input,.input-ui label input[type=date]::-webkit-date-and-time-value {
    padding: 24px 44px 8px 20px
}

.select-ui.input-ui .select-ui-display .select-ui-placeholder,.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content:not(:empty)+.filebox-ui-placeholder,.textfield-ui.input-ui textarea:focus+span,.textfield-ui.input-ui textarea:not(:empty)+span,.textfield-ui.input-ui textarea:not([value=""])[value]+span,.input-ui label input:-webkit-autofill+span,.input-ui label input:focus+span,.input-ui label input:not([value=""])[value]+span,.input-ui label input[type=date]+span,.input-ui label input:not(:placeholder-shown)+span,.input-ui label:has(input:focus) span,.input-ui label:has(input:not([value=""])[value]) span,.input-ui label:has(input:-webkit-autofill) span {
    top: 10px;
    font-size: 10px;
    font-weight: 600
}

.form-ui-item.not-able .select-ui select[disabled] input,.form-ui-item.not-able .textfield-ui.input-ui input,.form-ui-item.not-able .input-ui label input,.form-ui-item.not-able .select-ui select[disabled] textarea,.form-ui-item.not-able .textfield-ui.input-ui textarea,.form-ui-item.not-able .input-ui label textarea,.form-ui-item.not-able .select-ui select[disabled]+.select-ui-display,.form-ui-item.not-able .textfield-ui.input-ui+.select-ui-display,.form-ui-item.not-able .input-ui label+.select-ui-display,.form-ui-item.not-able .select-ui select[disabled]+.select-ui-display .select-ui-label,.form-ui-item.not-able .textfield-ui.input-ui+.select-ui-display .select-ui-label,.form-ui-item.not-able .input-ui label+.select-ui-display .select-ui-label {
    background: rgba(0,0,0,0) !important;
    color: var(--color-neutral-dark);
    -webkit-text-fill-color: var(--color-neutral-dark);
    border: none;
    padding-left: 0
}

.form-ui-item.not-able .select-ui select[disabled] input+span,.form-ui-item.not-able .textfield-ui.input-ui input+span,.form-ui-item.not-able .input-ui label input+span,.form-ui-item.not-able .select-ui select[disabled] textarea+span,.form-ui-item.not-able .textfield-ui.input-ui textarea+span,.form-ui-item.not-able .input-ui label textarea+span,.form-ui-item.not-able .select-ui select[disabled]+.select-ui-display+span,.form-ui-item.not-able .textfield-ui.input-ui+.select-ui-display+span,.form-ui-item.not-able .input-ui label+.select-ui-display+span,.form-ui-item.not-able .select-ui select[disabled]+.select-ui-display .select-ui-label+span,.form-ui-item.not-able .textfield-ui.input-ui+.select-ui-display .select-ui-label+span,.form-ui-item.not-able .input-ui label+.select-ui-display .select-ui-label+span {
    background: var(--color-neutral-light) !important;
    color: var(--color-neutral-dark) !important;
    -webkit-text-fill-color: var(--color-neutral-dark) !important;
    padding-left: 0
}

.form-ui-item.not-able .select-ui select[disabled] span,.form-ui-item.not-able .textfield-ui.input-ui span,.form-ui-item.not-able .input-ui label span {
    color: var(--color-neutral-dark) !important;
    -webkit-text-fill-color: var(--color-neutral-dark) !important;
    padding-left: 0
}

.form-dark.form-ui .form-ui-item.not-able .select-ui.input-ui select[disabled]+.select-ui-display,.form-dark.form-ui .form-ui-item.not-able .select-ui.input-ui select[disabled]+.select-ui-display .select-ui-label,.form-dark.form-ui .form-ui-item.not-able .textfield-ui.input-ui textarea,.form-dark.form-ui .form-ui-item.not-able .input-ui label input {
    background: rgba(0,0,0,0) !important;
    color: var(--color-neutral-light);
    -webkit-text-fill-color: var(--color-neutral-light);
    border: none;
    padding-left: 0
}

.form-dark.form-ui .form-ui-item.not-able .select-ui.input-ui select[disabled]+.select-ui-display+span,.form-dark.form-ui .form-ui-item.not-able .select-ui.input-ui select[disabled]+.select-ui-display .select-ui-label+span,.form-dark.form-ui .form-ui-item.not-able .textfield-ui.input-ui textarea+span,.form-dark.form-ui .form-ui-item.not-able .input-ui label input+span {
    background: var(--color-neutral-dark) !important;
    color: var(--color-neutral-light) !important;
    -webkit-text-fill-color: var(--color-neutral-light) !important;
    padding-left: 0
}

.select-ui.input-ui select:focus~.select-ui-display,.filebox-ui.input-ui:focus+.filebox-ui-display,.filebox-ui.input-ui:has(input:focus) .filebox-ui-display,.textfield-ui.input-ui textarea:focus,.input-ui label input:focus {
    border-color: var(--color-main-3);
    box-shadow: 0px 0px 1px 0px var(--color-main-3)
}

.form-dark.form-ui .select-ui.input-ui select:focus~.select-ui-display,.form-dark.form-ui .filebox-ui.input-ui:has(input:focus) .filebox-ui-display,.form-dark.form-ui .textfield-ui.input-ui textarea:focus,.form-dark.form-ui .input-ui label input:focus {
    border-color: var(--color-main-3);
    box-shadow: 0px 0px 1px 0px var(--color-main-3)
}

[data-alert]:not([data-alert=""]):after {
    content: attr(data-alert);
    color: #ff7f32;
    font-size: 12px;
    display: block;
    font-style: italic;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
    background-size: 25px 25px;
    background-position: -1px 3px;
    background-repeat: no-repeat;
    background-image: url("../images/inputs_icon_alerta.svg")
}

.form-dark.form-ui .input-ui [data-alert] input:focus,.input-ui [data-alert] input:focus {
    border-color: #ff7f32;
    box-shadow: 0px 0px 1px 0px #ff7f32
}

[data-error]:not([data-error=""]):after {
    content: attr(data-error);
    color: #d6001c;
    font-size: 12px;
    display: block;
    font-style: italic;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: -2px 3px;
    background-image: url("../images/inputs_icon_error.svg")
}

.form-dark.form-ui .input-ui [data-error] input:focus,.input-ui [data-error] input:focus {
    border-color: #d6001c;
    box-shadow: 0px 0px 1px 0px #d6001c
}

[data-success]:not([data-success=""]):after {
    content: attr(data-success);
    color: #00aa14;
    font-size: 12px;
    display: block;
    font-style: italic;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: -2px 3px;
    background-image: url("../images/inputs_icon_sucesso.svg")
}

.form-dark.form-ui .input-ui [data-success] input:focus,.input-ui [data-success] input:focus {
    border-color: #00aa14;
    box-shadow: 0px 0px 1px 0px #00aa14
}

.select-ui.input-ui .select-ui-option-list,.textbox-ui.input-ui .textbox-ui-autocomplete {
    top: 51px;
    left: 3px;
    width: calc(100% - 6px);
    background-color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-3);
    border-bottom: 0px;
    border-top: 0px;
    font-family: "Montserrat";
    font-size: 12px;
    border-radius: 0 0 3px 3px
}

.select-ui.input-ui .select-ui-option-list::-webkit-scrollbar,.textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.select-ui.input-ui .select-ui-option-list::-webkit-scrollbar-thumb,.textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: var(--color-neutral-5);
    -webkit-box-shadow: inset 0 0 2px rgba(var(--color-main-2), 0.2)
}

.select-ui.input-ui .select-ui-option-list::-webkit-scrollbar-track,.textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar-track {
    border-radius: 10px;
    background: var(--color-neutral-3);
    -webkit-box-shadow: inset 0 0 2px rgba(var(--color-main-2), 0.2)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete {
    background-color: rgba(0,0,0,0);
    border-color: var(--color-neutral-4)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list::-webkit-scrollbar,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list::-webkit-scrollbar-thumb,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: var(--color-neutral-3);
    -webkit-box-shadow: inset 0 0 2px rgba(var(--color-main-2), 0.2)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list::-webkit-scrollbar-track,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete::-webkit-scrollbar-track {
    border-radius: 10px;
    background: var(--color-neutral-4);
    -webkit-box-shadow: inset 0 0 2px rgba(var(--color-main-2), 0.2)
}

.select-ui.input-ui.opened .select-ui-option-list {
    max-height: 220px;
    border-bottom: 1px solid var(--color-neutral-3)
}

.form-dark.form-ui .select-ui.input-ui.opened .select-ui-option-list {
    border-bottom-color: var(--color-neutral-4)
}

.select-ui.input-ui .select-ui-option-list ul li,.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a {
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 400;
    padding: 5px 15px;
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-dark);
    text-decoration: none;
    cursor: pointer;
    transition: all .15s ease-out
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul li,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a {
    background-color: var(--color-neutral-5);
    color: var(--color-neutral-light)
}

.select-ui.input-ui .select-ui-option-list ul li.select-ui-option-list-category,.textbox-ui.input-ui .textbox-ui-autocomplete .textbox-ui-autocomplete-tip {
    background: var(--color-neutral-light);
    cursor: default;
    font-weight: 600;
    padding: 5px 15px;
    padding-top: 10px
}

.select-ui.input-ui .select-ui-option-list ul li.select-ui-option-list-category i,.textbox-ui.input-ui .textbox-ui-autocomplete .textbox-ui-autocomplete-tip i {
    color: var(--color-neutral-3)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul.select-ui-option-list-category,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete .textbox-ui-autocomplete-tip {
    background-color: var(--color-neutral-5);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul.select-ui-option-list-category i,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete .textbox-ui-autocomplete-tip i {
    color: var(--color-neutral-3)
}

.textbox-ui.input-ui label.has-tooltip~.tooltip-container {
    left: auto;
    right: 13px;
    padding: 0;
    font-size: 20px;
    top: 29px;
    line-height: 25px;
    transform: translateY(-65%)
}

.textbox-ui.input-ui label.has-tooltip~.tooltip-container .tooltip-icon:before {
    color: var(--color-neutral-5)
}

.form-dark.form-ui .textbox-ui.input-ui label.has-tooltip~.tooltip-container .tooltip-icon:before {
    color: var(--color-neutral-light)
}

.textbox-ui.input-ui button.password-icon {
    top: 25px;
    left: calc(100% - 38px);
    font-size: 13px;
    transform: translateY(-50%);
    color: var(--color-neutral-5)
}

.form-dark.form-ui .textbox-ui.input-ui div.password-icon {
    color: var(--color-neutral-light)
}

.pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item {
    margin: 2.5px 5px 2.5px 0px
}

@media screen and (min-width: 960px) {
    .pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item {
        margin: 3.5px 7px 3.5px 0px
    }
}

.pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item:last-child {
    margin-right: 0
}

.datebox-ui.input-ui label:before {
    font-family: "icons";
    content: "М";
    font-size: 2.6em;
    position: absolute;
    width: 35px;
    height: 22px;
    top: 15px;
    right: 10px;
    z-index: 5;
    color: var(--color-neutral-dark)
}

.form-dark.form-ui .datebox-ui.input-ui label:before {
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker {
    border: 1px solid var(--color-neutral-3);
    border-radius: 3px;
    background-color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker:before {
    content: "";
    top: -9px;
    border-bottom: 10px solid var(--color-neutral-5);
    border-left: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0);
    right: 16px
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header {
    text-align: center;
    padding: 15px;
    background-color: var(--color-neutral-5);
    color: var(--color-neutral-light);
    border-radius: 3px 3px 0 0
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow {
    left: 5px;
    right: 5px;
    text-decoration: none !important
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow:before,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow:before {
    font-size: 22px;
    cursor: pointer;
    color: var(--color-neutral-light);
    font-family: "icons" !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow {
    right: auto
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow:before {
    content: ""
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow.datebox-ui-nav-limit {
    pointer-events: none
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow.datebox-ui-nav-limit:before {
    color: var(--color-neutral-4)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow {
    left: auto
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow:before {
    content: ""
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow.datebox-ui-nav-limit {
    pointer-events: none
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow.datebox-ui-nav-limit:before {
    color: var(--color-neutral-4)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title {
    color: var(--color-neutral-light);
    font-weight: 600;
    font-size: 13px;
    text-decoration: none
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title:hover {
    text-decoration: none;
    color: #b0b2b5
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title:not(.datebox-ui-screen-limit) {
    cursor: pointer
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title.datebox-ui-screen-limit:hover {
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body {
    width: 240px;
    padding: 10px 15px
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year {
    cursor: pointer;
    width: 37px;
    flex-shrink: 0;
    margin: 8px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
    padding: 11px 0px
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year.today {
    border: 1px solid var(--color-neutral-5) !important
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year.disabled {
    cursor: default !important;
    opacity: .2
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year:not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month {
    cursor: pointer;
    width: 32px;
    flex-shrink: 0;
    margin: 10px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
    padding: 9px 0px
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month.disabled {
    cursor: default !important;
    opacity: .2
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month:not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month.today {
    border: 1px solid var(--color-neutral-5) !important
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month {
    display: block
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-weekdays {
    font-weight: 600
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day.today {
    border: 1px solid var(--color-neutral-3)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day:not(:empty) {
    cursor: pointer
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day:not(:empty):not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day.disabled {
    cursor: default !important;
    color: var(--color-neutral-3);
    opacity: .5 !important
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-day {
    flex-grow: 0;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    margin: 2px;
    font-size: 11px;
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
    padding: 6px 0px;
    color: var(--color-neutral-dark)
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-dozen-row,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year-row,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month-week,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month-weekdays {
    display: flex;
    align-items: stretch;
    color: var(--color-neutral-dark)
}

.top-position.datebox-ui.input-ui .datebox-ui-datepicker {
    top: auto;
    bottom: 100%
}

.top-position.datebox-ui.input-ui .datebox-ui-datepicker:before {
    top: auto;
    bottom: -21px;
    border-bottom: 10px solid rgba(0,0,0,0);
    border-top: 10px solid var(--color-neutral-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker {
    border-color: var(--color-neutral-3);
    box-shadow: 1px 1px 1px 0px var(--color-neutral-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker:before {
    border-bottom-color: var(--color-neutral-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header {
    background-color: var(--color-neutral-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow:before,.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow:before {
    color: var(--color-neutral-5)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow.datebox-ui-nav-limit:before,.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow.datebox-ui-nav-limit:before {
    color: var(--color-neutral-4)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title {
    color: var(--color-neutral-5)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title:hover {
    color: #b0b2b5
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-title.datebox-ui-screen-limit:hover {
    color: var(--color-neutral-5)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-dozen-row,.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year-row,.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month-week,.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month-weekdays {
    color: var(--color-neutral-dark)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day {
    color: var(--color-neutral-dark)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day.today {
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day:not(:empty):not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-month .datebox-ui-datepicker-body-month-week .datebox-ui-datepicker-body-month-day:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month.today {
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month:not(:empty):not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-body-year .datebox-ui-datepicker-body-year-row .datebox-ui-datepicker-year-month:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year.today {
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year:not(:empty):not(.disabled):hover {
    background-color: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year.selected {
    background-color: var(--color-neutral-5) !important;
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-body .datebox-ui-datepicker-dozen-year:not(.selected).today:hover {
    border-color: var(--color-main-3)
}

.form-dark.form-ui .top-position.datebox-ui.input-ui .datebox-ui-datepicker:before {
    border-bottom-color: rgba(0,0,0,0);
    border-top-color: var(--color-neutral-3)
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment {
    width: 25px;
    height: 25px
}

@media screen and (min-width: 768px) {
    .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment {
        width:35px;
        height: 35px
    }
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display {
    padding: 0 3px;
    min-width: 31px
}

@media screen and (min-width: 768px) {
    .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display {
        min-width:41px
    }
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment {
    background-color: var(--color-neutral-light)
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:after {
    width: 6px;
    margin-left: -3px;
    margin-top: -1px;
    background: var(--color-neutral-dark);
    height: 1px;
    top: 50%;
    left: 50%
}

@media screen and (min-width: 768px) {
    .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:after {
        width:10px;
        margin-left: -5px
    }
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:after {
    transform: rotate(90deg);
    transform-origin: center center
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover {
    background: var(--color-main-3)
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover:after,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover:after {
    background-color: var(--color-neutral-light)
}

.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement,.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment {
    cursor: not-allowed;
    background: var(--color-neutral-2)
}

.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement:before,.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment:before,.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement:after,.numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment:after {
    background-color: var(--color-neutral-4)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment {
    background-color: rgba(0,0,0,0)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:after {
    background-color: var(--color-neutral-light)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover {
    background: var(--color-main-3)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:not(.limit):hover:after,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:not(.limit):hover:after {
    background-color: var(--color-neutral-light)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment {
    background: var(--color-neutral-2)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment:before,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-decrement:after,.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .limit.numberbox-ui-increment:after {
    background: var(--color-neutral-4)
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display {
    background: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-3);
    margin-right: 0px
}

@media screen and (min-width: 960px) {
    .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display {
        margin-right:21px
    }
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content {
    top: 24px;
    width: calc(100% - 40px)
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input {
    background: var(--color-neutral-5);
    bottom: 5px;
    right: -5px;
    border-radius: 50%;
    width: 20px;
    height: 20px
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:before {
    content: "р";
    font-family: "icons";
    line-height: 20px;
    color: var(--color-neutral-light);
    width: 20px
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:hover {
    background: var(--color-main-3)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input {
    background: var(--color-neutral-light)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:before {
    color: var(--color-neutral-dark)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:hover {
    background: var(--color-main-3)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:hover:before {
    color: var(--color-neutral-light)
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-text {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button {
    white-space: nowrap;
    cursor: pointer;
    margin-top: 15px
}

@media screen and (min-width: 960px) {
    .filebox-ui.input-ui .filebox-ui-label .filebox-ui-button {
        margin-top:0px
    }
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-button:before {
    line-height: .5;
    font-size: 2em
}

.filebox-ui.input-ui .filebox-ui-list {
    padding: 5px 0px 5px 20px;
    margin: 0;
    margin-bottom: -5px
}

.filebox-ui.input-ui .filebox-ui-list li {
    margin-right: 5px;
    color: var(--color-neutral-dark);
    display: inline
}

.filebox-ui.input-ui .filebox-ui-list li:not(:last-child):after {
    content: ", "
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-list li {
    color: var(--color-neutral-light)
}

.form-ui-item.not-able .filebox-ui.input-ui input[disabled]~.filebox-ui-display {
    color: var(--color-neutral-dark)
}

.form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display {
    border: none !important;
    padding-left: 0px;
    background-color: rgba(0,0,0,0) !important
}

.form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content+.filebox-ui-placeholder {
    padding-left: 0;
    color: var(--color-neutral-dark)
}

.form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-text {
    color: var(--color-neutral-dark)
}

.form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input {
    display: none
}

.form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-button {
    display: none
}

.form-dark.form-ui .form-ui-item.not-able .filebox-ui.input-ui input[disabled]~.filebox-ui-display {
    color: var(--color-neutral-light);
    background: rgba(0,0,0,0) !important;
    border: none
}

.form-dark.form-ui .form-ui-item.not-able .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content+.filebox-ui-placeholder {
    color: var(--color-neutral-light) !important;
    -webkit-text-fill-color: var(--color-neutral-light) !important
}

.select-ui.input-ui .select-ui-display {
    padding: 16px 44px 16px 20px
}

.select-ui.input-ui:not(.no-placeholder) .select-ui-display {
    padding: 24px 44px 8px 20px
}

.select-ui.input-ui .select-ui-arrow {
    right: 20px;
    width: 10px;
    top: 22px;
    height: 10px
}

.select-ui.input-ui .select-ui-arrow:before {
    content: "";
    transform: rotate(45deg);
    border-bottom: 2px solid var(--color-neutral-5);
    height: 100%;
    border-right: 2px solid var(--color-neutral-5);
    width: 100%;
    margin-top: -3px;
    position: absolute
}

.select-ui.input-ui select:focus~.select-ui-display+.select-ui-arrow:before {
    border-color: var(--color-neutral-dark)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-arrow:before {
    border-color: var(--color-neutral-3)
}

.form-dark.form-ui .select-ui.input-ui select:focus~.select-ui-display+.select-ui-arrow:before {
    border-color: var(--color-neutral-2)
}

ul.box-ui-list .radiobox-ui input[type=radio] {
    margin: 0;
    width: 22px;
    height: 22px
}

ul.box-ui-list .radiobox-ui input[type=radio]~span {
    min-width: 75px;
    padding-left: 30px;
    text-align: left;
    font-weight: 300;
    color: var(--color-neutral-dark)
}

ul.box-ui-list .radiobox-ui input[type=radio]~span:before {
    content: "";
    background: url("../images/sprite_inputs.svg") -65px -22px no-repeat;
    background-size: 133px auto;
    position: absolute;
    left: -2px;
    top: -1px;
    width: 24px;
    height: 24px
}

ul.box-ui-list .radiobox-ui input[type=radio]:focus~span:before {
    background-position: -43px -22px
}

ul.box-ui-list .radiobox-ui input[type=radio]:checked~span:before {
    background-position: -87px -22px
}

ul.box-ui-list .radiobox-ui input[type=radio]:focus:checked~span:before {
    background-position: -108.8px -22px
}

ul.box-ui-list [data-error].radiobox-ui:not([data-error=""]) input[type=radio]:not(:checked)~span:before {
    background-position: -21.6px -22px
}

ul.box-ui-list [data-alert].radiobox-ui:not([data-alert=""]) input[type=radio]:not(:checked)~span:before {
    background-position: .5px -64.8px !important
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio] {
    margin-top: -1px
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
    border: 1px solid var(--color-neutral-3);
    min-height: 54px;
    margin: 0;
    background: none;
    padding-top: 5px;
    padding-bottom: 5px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span h2 {
    margin: 0;
    color: var(--color-neutral-dark)
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:hover+span {
    border: 1px solid var(--color-main-3)
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:checked+span {
    border: 1px solid var(--color-neutral-dark);
    background-color: var(--color-neutral-2)
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:checked+span h2 {
    color: var(--color-neutral-dark)
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio][disabled] {
    cursor: default
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio][disabled]+span,ul.box-ui-list.ui-box .radio.ui-box>input[type=radio][disabled]+span+label {
    opacity: .5
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio][disabled]:hover+span {
    border: 1px solid var(--color-neutral-3)
}

ul.box-ui-list.ui-box .radio.ui-box.sigla>input[type=radio]~span {
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box .radio.ui-box.sigla>input[type=radio]~span {
        padding-top: 28px;
        padding-bottom: 28px
    }
}

ul.box-ui-list.ui-box .radio.ui-box.sigla>input[type=radio]~span>* {
    margin: 0
}

ul.box-ui-list.ui-box .radio.ui-box>label:empty {
    height: 0;
    padding: 0
}

ul.box-ui-list.ui-box .radio.ui-box[data-error]:not([data-error=""]):after {
    margin-left: 0
}

.form-dark.form-ui ul.box-ui-list .radiobox-ui>input[type=radio]~span {
    color: var(--color-neutral-light)
}

.form-dark.form-ui ul.box-ui-list .radiobox-ui>input[type=radio]~span:before {
    background-image: url("../images/sprite_inputs_greybg.svg")
}

.form-dark.form-ui ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
    border-color: var(--color-neutral-4)
}

.form-dark.form-ui ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span h2 {
    color: var(--color-neutral-light)
}

.form-dark.form-ui ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:hover+span {
    border-color: var(--color-main-3)
}

.form-dark.form-ui ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:checked+span {
    border-color: var(--color-neutral-light)
}

.form-dark.form-ui ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]:checked+span h2 {
    color: var(--color-neutral-dark)
}

ul.box-ui-list .checkbox-ui input[type=checkbox] {
    width: 22px;
    height: 22px
}

ul.box-ui-list .checkbox-ui input[type=checkbox]~span {
    min-width: 75px;
    padding-left: 30px;
    text-align: left;
    font-weight: 300;
    color: var(--color-neutral-dark)
}

ul.box-ui-list .checkbox-ui input[type=checkbox]~span:before {
    content: "";
    background: url("../images/sprite_inputs.svg") -65px 0 no-repeat;
    background-size: 133px auto;
    position: absolute;
    left: -2px;
    top: -1px;
    width: 24px;
    height: 24px
}

ul.box-ui-list .checkbox-ui input[type=checkbox]~span img {
    margin-right: 5px;
    max-height: 22px
}

ul.box-ui-list .checkbox-ui input[type=checkbox]:focus~span:before {
    background-position: -43px 0px
}

ul.box-ui-list .checkbox-ui input[type=checkbox]:checked~span:before {
    background-position: -87px 0px
}

ul.box-ui-list .checkbox-ui input[type=checkbox]:focus:checked~span:before {
    background-position: -109px 0px
}

ul.box-ui-list [data-error].checkbox-ui:not([data-error=""]) input[type=checkbox]:focus~span:before {
    background-position: -44px 0px
}

ul.box-ui-list [data-error].checkbox-ui:not([data-error=""]) input[type=checkbox]:focus:checked~span:before {
    background-position: -109px 0px
}

ul.box-ui-list [data-error].checkbox-ui:not([data-error=""]) input[type=checkbox]:not(:checked)~span:before {
    background-position: -21.6px 0px !important
}

ul.box-ui-list [data-alert].checkbox-ui:not([data-alert=""]) input[type=checkbox]:not(:checked)~span:before {
    background-position: 0px -43px !important
}

.form-dark.form-ui ul.box-ui-list .checkbox-ui input[type=checkbox]~span {
    color: var(--color-neutral-light)
}

.form-dark.form-ui ul.box-ui-list .checkbox-ui input[type=checkbox]~span:before {
    background-image: url("../images/sprite_inputs_greybg.svg")
}

ul.box-ui-list .checkbox-ui.inverted-checkbox input[type=checkbox]~span,ul.box-ui-list .radiobox-ui.inverted-radio input[type=radio]~span {
    padding-left: 0;
    padding-right: 30px
}

ul.box-ui-list .checkbox-ui.inverted-checkbox input[type=checkbox]~span:before,ul.box-ui-list .radiobox-ui.inverted-radio input[type=radio]~span:before {
    left: auto;
    right: -2px
}

.progress.pwd-strenght {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

@media screen and (min-width: 960px) {
    .progress.pwd-strenght {
        margin-top:9.8px
    }
}

.progress.pwd-strenght:after {
    height: 4px;
    margin-left: 10px
}

@media screen and (min-width: 960px) {
    .progress.pwd-strenght:after {
        margin-left:9.8px
    }
}

.form-message {
    color: var(--color-neutral-dark);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width: 960px) {
    .form-message {
        padding-top: 14px;
        padding-bottom: 28px;
        padding-left: 14px;
        padding-right: 14px
    }
}

.form-message a {
    text-decoration: underline
}

.form-message a:hover {
    color: inherit;
    text-decoration: none
}

[data-type-icon=hide].form-message {
    padding-top: 20px
}

@media screen and (min-width: 960px) {
    [data-type-icon=hide].form-message {
        padding-top: 28px
    }
}

[data-type].form-message {
    max-width: 1200px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    [data-type].form-message {
        margin-left:auto;
        margin-right: auto
    }
}

@media screen and (min-width: 960px) {
    [data-type].form-message {
        margin-top: 28px;
        margin-bottom: 28px
    }
}

.form-message>div:before {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    left: auto;
    font-family: "icons";
    line-height: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 5px
}

@media screen and (min-width: 960px) {
    .form-message>div:before {
        margin-top: 0px;
        margin-bottom: 7px
    }
}

.form-message[data-type=alert]>div:before {
    content: "ӽ";
    font-size: 2.5em;
    color: #ff7f32
}

.form-message[data-type=error]>div:before {
    content: "й";
    font-size: 2.5em;
    color: #d6001c
}

.form-message[data-type=success]>div:before {
    content: "ࡰ";
    font-size: 2.5em;
    color: #00aa14
}

.form-message[data-type=info]>div:before {
    content: "ї";
    font-size: 2.5em;
    color: var(--color-main-3)
}

.form-message.inline {
    padding: 0;
    background: rgba(0,0,0,0) !important;
    text-align: left
}

[data-type-icon=hide].form-message.inline div {
    padding-left: 0 !important
}

.form-message.inline[data-type=info]>div,.form-message.inline[data-type=alert]>div,.form-message.inline[data-type=error]>div,.form-message.inline[data-type=success]>div {
    padding-left: 40px;
    text-align: left;
    max-width: none;
    width: 100%;
    margin: 0
}

@media screen and (min-width: 960px) {
    .form-message.inline[data-type=info]>div,.form-message.inline[data-type=alert]>div,.form-message.inline[data-type=error]>div,.form-message.inline[data-type=success]>div {
        padding-left:42px
    }
}

.form-message.inline[data-type=info]>div p,.form-message.inline[data-type=alert]>div p,.form-message.inline[data-type=error]>div p,.form-message.inline[data-type=success]>div p {
    display: inline-block
}

.form-message.inline[data-type=info]>div:before,.form-message.inline[data-type=alert]>div:before,.form-message.inline[data-type=error]>div:before,.form-message.inline[data-type=success]>div:before {
    font-size: 2.3em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    margin: 0
}

.form-message.inline[data-type=alert]>div:before,.form-message.inline[data-type=error]>div:before,.form-message.inline[data-type=success]>div:before,.form-message.inline[data-type=info]>div:before {
    left: 0px;
    top: -9px
}

.form-ui .form-ui-header h3,.form-ui .form-ui-header h4,.form-ui .form-ui-header p {
    color: var(--color-main-3)
}

.form-ui .textfield-ui.input-ui textarea:focus+span,.form-ui .textfield-ui.input-ui textarea:not(:empty)+span,.form-ui .textfield-ui.input-ui textarea:not([value=""])[value]+span {
    background-color: var(--color-neutral-light);
    width: 100%;
    padding-top: 9px;
    padding-bottom: 1px;
    top: 1px;
    left: 1px
}

.form-ui .not-able .textfield-ui.input-ui textarea:focus+span,.form-ui .not-able .textfield-ui.input-ui textarea:not(:empty)+span,.form-ui .not-able .textfield-ui.input-ui textarea:not([value=""])[value]+span {
    background-color: var(--color-neutral-light);
    top: 0;
    left: 0
}

.form-ui .not-able .textfield-ui.input-ui textarea:empty {
    resize: none;
    min-height: auto
}

.form-dark.form-ui .textfield-ui.input-ui textarea:focus+span,.form-dark.form-ui .textfield-ui.input-ui textarea:not(:empty)+span,.form-dark.form-ui .textfield-ui.input-ui textarea:not([value=""])[value]+span {
    background-color: var(--color-neutral-dark)
}

.form-dark.form-ui .not-able .textfield-ui.input-ui textarea:focus+span,.form-dark.form-ui .not-able .textfield-ui.input-ui textarea:not(:empty)+span,.form-dark.form-ui .not-able .textfield-ui.input-ui textarea:not([value=""])[value]+span {
    background-color: var(--color-neutral-dark)
}

div.container.forms {
    max-width: none !important;
    overflow: hidden;
    margin: 0 auto;
    padding: 0
}

input::-ms-clear {
    display: none
}

input:focus::-webkit-contacts-auto-fill-button {
    opacity: 0
}

::-webkit-credentials-auto-fill-button {
    visibility: hidden
}

.form-ui {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.form-ui input:-webkit-autofill,.form-ui input:-webkit-autofill:hover,.form-ui input:-webkit-autofill:focus,.form-ui input:-webkit-autofill:active,.form-ui input:-internal-autofill-selected {
    -webkit-background-clip: text !important;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--color-neutral-light) inset !important;
    transition: all 10000s ease-in-out 0s;
    transition-property: background-color,color
}

.form-ui h3,.form-ui h4,.form-ui p {
    color: inherit
}

.form-ui a:not([class^=btn-],[class*=btn-]):hover {
    color: #b0b2b5
}

.form-ui .form-ui-body,.form-ui .form-ui-header {
    max-width: 100%
}

.form-ui.full {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%
}

.form-ui.full .form-ui-header,.form-ui.full .form-ui-body {
    width: 100%
}

.form-ui.tiny .form-ui-body-row {
    display: block !important
}

.form-ui .form-ui-header~.form-ui-body .form-ui-body-row+.form-ui-body-header,.form-ui .form-ui-header~.form-ui-body .form-ui-body-row {
    margin-top: 15px
}

@media screen and (min-width: 960px) {
    .form-ui .form-ui-header~.form-ui-body .form-ui-body-row+.form-ui-body-header,.form-ui .form-ui-header~.form-ui-body .form-ui-body-row {
        margin-top:21px
    }
}

.form-ui label {
    display: inherit;
    font-weight: inherit;
    margin: 0
}

.form-ui-body-row {
    display: block;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row {
        margin-top:21px;
        margin-bottom: 0px;
        margin-left: -7px;
        margin-right: -7px
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row {
        display:flex;
        justify-content: flex-start;
        align-items: stretch
    }
}

.form-ui-body-row.alg-center {
    -ms-pack: center;
    justify-content: center;
    -ms-align: center;
    align-items: center
}

.form-ui-body-row.no-margin-top {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c13 .form-ui-item,.form-ui-body-row.c19 .form-ui-item {
        -ms-flex:0 1 19%;
        flex-basis: 19%;
        max-width: 19%;
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c25 .form-ui-item {
        -ms-flex:0 1 25%;
        flex-basis: 25%;
        max-width: 25%;
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c25-50 .form-ui-item:first-child {
        -ms-flex:0 1 25%;
        flex-basis: 25%
    }

    .form-ui-body-row.c25-50 .form-ui-item:not(:first-child) {
        -ms-flex: 0 1 50%;
        flex-basis: 50%
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c25-75 .form-ui-item:first-child {
        -ms-flex:0 1 25%;
        flex-basis: 25%
    }

    .form-ui-body-row.c25-75 .form-ui-item:not(:first-child) {
        -ms-flex: 0 1 75%;
        flex-basis: 75%
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c33 .form-ui-item {
        -ms-flex:0 1 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c50-50 .form-ui-item:first-child {
        -ms-flex:0 1 50%;
        flex-basis: 50%
    }

    .form-ui-body-row.c50-50 .form-ui-item:not(:first-child) {
        -ms-flex: 0 1 50%;
        flex-basis: 50%
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c50-25 .form-ui-item:first-child {
        -ms-flex:0 1 50%;
        flex-basis: 50%
    }

    .form-ui-body-row.c50-25 .form-ui-item:not(:first-child) {
        -ms-flex: 0 1 25%;
        flex-basis: 25%
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row.c75-25 .form-ui-item:first-child {
        -ms-flex:0 1 75%;
        flex-basis: 75%
    }

    .form-ui-body-row.c75-25 .form-ui-item:not(:first-child) {
        -ms-flex: 0 1 25%;
        flex-basis: 25%
    }
}

.form-ui-body-row .nopadbot .form-ui-item {
    padding-bottom: 0 !important
}

.form-ui-body-row .form-ui-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: none;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .form-ui-item {
        padding-left:7px;
        padding-right: 7px;
        margin-bottom: 0px
    }
}

.form-ui-body-row .form-ui-item:last-child {
    margin-bottom: 0px
}

@media screen and (min-width: 960px) {
    .form-ui-body-row .form-ui-item:last-child {
        margin-bottom:0px
    }
}

@media screen and (min-width: 768px) {
    .form-ui-body-row .form-ui-item {
        flex-shrink:1;
        max-width: 100%
    }
}

.input-ui {
    position: relative;
    display: block
}

.input-ui span {
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-neutral-dark)
}

.input-ui label:has(input:focus) span,.input-ui label:has(input:not([value=""])[value]) span,.input-ui label:has(input:-webkit-autofill) span {
    opacity: 1
}

.input-ui label:has(input[disabled]) span,.input-ui label:has(input[readonly]) span,.input-ui label:has(input[disabled]:not([value=""])[value]) span,.input-ui label:has(input[readonly]:not([value=""])[value]) span {
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.input-ui label input:not(:placeholder-shown)+span {
    opacity: 1
}

.input-ui label input::placeholder {
    color: rgba(0,0,0,0)
}

.input-ui label input,.input-ui label input[type=password],.input-ui label input[type=text],.input-ui label input[type=file],.input-ui label input[type=tel],.input-ui label input[type=date],.input-ui label input[type=email] {
    -webkit-appearance: none;
    background-clip: padding-box;
    width: 100%;
    box-sizing: border-box
}

.input-ui label input[type=date] {
    -webkit-min-logical-width: -webkit-fill-available;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    height: 50px
}

.input-ui label input[type=date]+span {
    opacity: 1
}

.input-ui label input[type=date]::-webkit-date-and-time-value {
    margin-left: -6px;
    text-align: left
}

.input-ui label input:focus {
    outline: none !important
}

.input-ui label input:focus+span,.input-ui label input:not([value=""])[value]+span {
    opacity: 1
}

.input-ui label input:-webkit-autofill+span {
    opacity: 1
}

.input-ui label input[disabled],.input-ui label input[readonly] {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.input-ui label input[disabled][value]:not([value=""])+span,.input-ui label input[readonly][value]:not([value=""])+span {
    color: var(--color-neutral-4);
    -webkit-text-fill-color: var(--color-neutral-4)
}

.input-ui label span {
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-neutral-dark);
    z-index: 10
}

.form-ui-item.not-able .input-ui label:before,.form-ui-item.not-able .input-ui label:after {
    display: none
}

.form-ui-item.not-able .input-ui label:has(input:not([value=""])[value]) span {
    color: var(--color-neutral-dark) !important;
    -webkit-text-fill-color: var(--color-neutral-dark) !important
}

.textbox-ui.input-ui label.has-tooltip~.tooltip-container {
    overflow: visible;
    position: absolute;
    pointer-events: all
}

.textbox-ui.input-ui label.has-tooltip~.tooltip-container:has(button:not([aria-expanded=false])) .tooltip-box {
    overflow: visible;
    opacity: 1;
    visibility: visible
}

.textbox-ui.input-ui label.has-tooltip~.tooltip-container button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: inherit
}

.textbox-ui.input-ui input[type=password] {
    letter-spacing: 1px !important
}

.textbox-ui.input-ui input[type=password]::-ms-reveal {
    display: none
}

.textbox-ui.input-ui button.password-icon {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: inherit;
    position: absolute;
    cursor: pointer;
    display: block;
    pointer-events: all;
    text-decoration: none
}

.pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    vertical-align: top;
    border-radius: 3px;
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-dark);
    border: 1px solid var(--color-neutral-3)
}

.pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item.is-focused {
    border: 1px solid var(--color-main-3)
}

.pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item.is-spacer {
    border: 0 !important;
    width: 20px !important;
    background-color: rgba(0,0,0,0) !important
}

.pinbox-ui .pinbox-ui-wrapper.has-error .pinbox-ui-item {
    color: #d6001c;
    border: 1px solid #d6001c
}

.pinbox-ui .pinbox-ui-wrapper.has-alert .pinbox-ui-item {
    color: #ff7f32;
    border: 1px solid #ff7f32
}

.pinbox-ui .pinbox-ui-wrapper.is-disabled .pinbox-ui-item {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-4);
    border: 1px solid var(--color-neutral-3)
}

.textbox-ui.input-ui .textbox-ui-autocomplete {
    position: absolute;
    z-index: 50;
    text-align: left;
    overflow: auto
}

.textbox-ui.input-ui .textbox-ui-autocomplete:not(.visible) {
    display: none
}

.textbox-ui.input-ui .textbox-ui-autocomplete.visible {
    max-height: 220px;
    border-bottom: 1px solid var(--color-neutral-3)
}

.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item {
    display: block
}

.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a {
    display: block
}

.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a:focus,.textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a:hover {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.datebox-ui.input-ui label input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

.datebox-ui.input-ui label input[disabled] {
    background: var(--color-neutral-2)
}

.datebox-ui.input-ui label input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    opacity: 0
}

.datebox-ui.input-ui label input::-webkit-inner-spin-button,.datebox-ui.input-ui label input::-webkit-clear-button {
    display: none
}

.datebox-ui.input-ui .datebox-ui-datepicker {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 100%;
    right: 0px
}

.datebox-ui.input-ui .datebox-ui-datepicker:before {
    position: absolute
}

.datebox-ui.input-ui .datebox-ui-datepicker.is-focused {
    display: block
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header {
    position: relative
}

.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-left-arrow,.datebox-ui.input-ui .datebox-ui-datepicker .datebox-ui-datepicker-header .datebox-ui-datepicker-header-right-arrow {
    cursor: pointer;
    position: absolute
}

.datebox-ui.input-ui:not(.top-position) [data-error]:not([data-error=""])~.datebox-ui-datepicker,.datebox-ui.input-ui:not(.top-position) [data-alert]:not([data-alert=""])~.datebox-ui-datepicker {
    top: 50px
}

.textfield-ui.input-ui textarea {
    min-height: 122px;
    width: 100%;
    resize: vertical;
    background-clip: padding-box;
    box-sizing: border-box
}

.textfield-ui.input-ui textarea:focus {
    outline: none !important
}

.textfield-ui.input-ui textarea:focus+span,.textfield-ui.input-ui textarea:not(:empty)+span,.textfield-ui.input-ui textarea:not([value=""])[value]+span {
    opacity: 1
}

.textfield-ui.input-ui textarea[readonly] {
    background: var(--color-neutral-2);
    color: var(--color-neutral-4) !important
}

.textfield-ui.input-ui textarea[readonly]+span {
    color: var(--color-neutral-4) !important;
    background: var(--color-neutral-2) !important
}

.textfield-ui.input-ui textarea[disabled] {
    background: var(--color-neutral-2);
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.textfield-ui.input-ui textarea[disabled]+span {
    background: var(--color-neutral-2) !important;
    color: var(--color-neutral-4);
    -webkit-text-fill-color: var(--color-neutral-4)
}

.numberbox-ui.input-ui {
    display: inline-block !important;
    position: relative;
    overflow: hidden;
    padding: 0 !important
}

.numberbox-ui.input-ui input[type=range] {
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -20;
    left: 0;
    width: 0%;
    height: 100%
}

.numberbox-ui.input-ui .numberbox-ui-container {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-neutral-3);
    background-color: var(--color-neutral-light)
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after {
    display: none
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    outline: inherit;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-decrement:after,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:before,.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-increment:after {
    content: "";
    position: absolute
}

.numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display {
    display: inline-block;
    text-align: center;
    color: var(--color-neutral-dark)
}

.numberbox-ui.input-ui .numberbox-ui-container [aria-disabled=true] {
    pointer-events: none;
    opacity: .5
}

.numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container {
    background: var(--color-neutral-2)
}

.numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-display {
    opacity: .5;
    color: var(--color-neutral-4)
}

.filebox-ui.input-ui:has(input[disabled]) .filebox-ui-display {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-4)
}

.filebox-ui.input-ui:has(input[disabled]) .filebox-ui-display .filebox-ui-placeholder {
    color: var(--color-neutral-4)
}

.filebox-ui.input-ui:has(input[disabled]) .filebox-ui-display .filebox-ui-reset-input {
    display: none
}

.filebox-ui.input-ui:has(input[disabled]) .filebox-ui-button {
    pointer-events: none;
    opacity: .2
}

.filebox-ui.input-ui input {
    opacity: 0 !important;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0 !important;
    padding: 0 !important;
    height: calc(100% - 2px)
}

.filebox-ui.input-ui .filebox-ui-label {
    display: block
}

@media screen and (min-width: 768px) {
    .filebox-ui.input-ui .filebox-ui-label {
        display:flex;
        align-items: flex-start
    }
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display {
    overflow: hidden;
    -ms-flex: 1 0 auto;
    flex-grow: 1;
    position: relative;
    min-height: 50px;
    border-radius: 3px
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content {
    position: absolute
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input {
    position: absolute;
    font-style: normal
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-reset-input:before {
    speak: none;
    text-align: center;
    display: inline-block
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-text {
    margin: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-neutral-dark)
}

.filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content:not(:empty)+.filebox-ui-placeholder {
    opacity: 1
}

.filebox-ui.input-ui .filebox-ui-list {
    list-style: none
}

.filebox-ui.input-ui .filebox-ui-list:empty {
    display: none
}

.filebox-ui.input-ui:focus+.filebox-ui-display {
    outline: none !important
}

.select-ui.input-ui[data-firefox] select {
    left: -5000px;
    top: -5000px;
    position: fixed
}

.select-ui.input-ui select {
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px) !important;
    opacity: 0;
    z-index: -1
}

.select-ui.input-ui select:focus~.select-ui-display {
    outline: none !important
}

.select-ui.input-ui select[disabled]+.select-ui-display {
    background: var(--color-neutral-2);
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.select-ui.input-ui select[disabled]+.select-ui-display div {
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.select-ui.input-ui select[disabled]+.select-ui-display span {
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.select-ui.input-ui .select-ui-display .select-ui-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-ui.input-ui .select-ui-display .select-ui-label:empty {
    display: none
}

.select-ui.input-ui .select-ui-display .select-ui-label:empty~.select-ui-placeholder {
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select-ui.input-ui .select-ui-display .select-ui-placeholder {
    opacity: 1
}

.select-ui.input-ui .select-ui-arrow {
    position: absolute;
    pointer-events: none
}

.select-ui.input-ui .select-ui-option-list {
    position: absolute;
    overflow: auto;
    z-index: 50;
    display: none;
    outline: 0
}

.select-ui.input-ui .select-ui-option-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.select-ui.input-ui .select-ui-option-list ul+ul {
    border-top: 1px solid var(--color-neutral-3)
}

.select-ui.input-ui .select-ui-option-list ul li.selected:not([data-disabled=true]) {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.select-ui.input-ui .select-ui-option-list ul li:not(.select-ui-option-list-category):not([data-disabled=true]):hover {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.select-ui.input-ui .select-ui-option-list ul li[data-disabled=true] {
    opacity: .5;
    cursor: default
}

.select-ui.input-ui.opened .select-ui-option-list {
    display: block
}

.block-selects .selects__control .selects__value-container {
    position: relative
}

.block-selects .selects__control .selects__indicators .selects__indicator.selects__dropdown-indicator {
    position: relative
}

.block-selects .selects__control .selects__indicators .selects__indicator.selects__dropdown-indicator .selects__dropdown-indicator-icon {
    position: absolute;
    pointer-events: none
}

.block-selects .selects__control .selects__indicators .selects__indicator.selects__loading-indicator {
    position: relative
}

.select-ui.select-ui-native.input-ui select {
    z-index: 1
}

.form-ui-item.small-drop .select-ui.opened .select-ui-option-list {
    max-height: 80px
}

.form-ui-item.big-drop .select-ui.opened .select-ui-option-list {
    max-height: 500px
}

.form-ui-item.not-able .select-ui select[disabled]+.select-ui-display+.select-ui-arrow {
    display: none
}

ul.box-ui-list {
    margin: 0;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 600px) {
    ul.box-ui-list {
        text-align:left !important
    }
}

ul.box-ui-list li {
    margin-bottom: 3px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list li {
        margin-bottom: 4.2px
    }
}

ul.box-ui-list.horizontal {
    margin-left: 0px
}

@media screen and (min-width: 600px) {
    ul.box-ui-list.horizontal {
        margin-left:-20px
    }
}

ul.box-ui-list.horizontal li {
    display: block;
    vertical-align: top;
    padding: 0
}

@media screen and (min-width: 600px) {
    ul.box-ui-list.horizontal li {
        display:inline-block;
        padding-left: 20px
    }

    ul.box-ui-list.horizontal li:not(:first-child) {
        padding-left: 20px
    }
}

ul.box-ui-list.ui-box {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box {
        margin-left:-7px;
        margin-right: -7px
    }
}

ul.box-ui-list.ui-box>li {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

@media screen and (min-width: 960px) {
    ul.box-ui-list.ui-box>li {
        margin-bottom: 14px
    }
}

@media screen and (min-width: 600px) {
    ul.box-ui-list.ui-box>li {
        width:calc(33.333333% - 10px)
    }
}

@media screen and (min-width: 768px) {
    ul.box-ui-list.ui-box>li {
        width:calc(33.333333% - 14px)
    }
}

ul.box-ui-list.ui-box>li .radio.ui-box {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0 0 10px
}

ul.box-ui-list .radiobox-ui {
    position: relative
}

ul.box-ui-list .radiobox-ui input[type=radio] {
    z-index: -1;
    opacity: 0;
    position: absolute
}

ul.box-ui-list .radiobox-ui input[type=radio]~span {
    display: inline-block;
    position: relative;
    cursor: pointer
}

ul.box-ui-list .radiobox-ui input[type=radio][disabled]+span,ul.box-ui-list .radiobox-ui input[type=radio][disabled]+span+label {
    cursor: default;
    opacity: .5
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio] {
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 0;
    z-index: 1;
    opacity: 0;
    float: none;
    cursor: pointer
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100%
}

ul.box-ui-list.ui-box .radio.ui-box>input[type=radio]~span:before {
    display: none
}

ul.box-ui-list .checkbox-ui {
    position: relative
}

ul.box-ui-list .checkbox-ui input[type=checkbox] {
    z-index: -1;
    opacity: 0;
    position: absolute;
    margin: 0
}

ul.box-ui-list .checkbox-ui input[type=checkbox]~span {
    display: inline-block;
    position: relative;
    cursor: pointer
}

ul.box-ui-list .checkbox-ui input[type=checkbox][disabled]+span,ul.box-ui-list .checkbox-ui input[type=checkbox][disabled]+span+label {
    cursor: default;
    opacity: .5
}

ul.box-ui-list .checkbox-ui input[type=checkbox].slider {
    position: relative;
    outline: none;
    z-index: 1;
    opacity: 1;
    -webkit-appearance: none;
    float: inline-start;
    cursor: pointer
}

ul.box-ui-list .checkbox-ui input[type=checkbox].slider~span {
    min-width: auto
}

ul.box-ui-list .checkbox-ui input[type=checkbox].slider~span:before,ul.box-ui-list .checkbox-ui input[type=checkbox].slider~span:after {
    display: none
}

ul.box-ui-list .checkbox-ui input[type=checkbox].slider:after {
    content: "";
    position: absolute
}

ul.box-ui-list .checkbox-ui input[type=checkbox].slider:checked~span:before,ul.box-ui-list .checkbox-ui input[type=checkbox].slider:checked~span:after {
    display: none
}

.progress {
    height: auto;
    margin-bottom: 0;
    margin: 0;
    border: 0;
    background: rgba(0,0,0,0);
    box-shadow: none;
    text-align: left
}

.progress::-webkit-progress-bar {
    background-color: var(--color-neutral-light);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px
}

.progress::-webkit-progress-value {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px
}

.progress::-moz-progress-bar {
    background: var(--color-neutral-light);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px
}

.progress::-ms-fill {
    border: none
}

.progress.pwd-strenght {
    display: flex;
    align-items: center
}

.progress.pwd-strenght:after {
    display: inline-block;
    content: ""
}

.progress.pwd-strenght:before {
    white-space: nowrap
}

.progress.pwd-strenght[value="0"]:not([data-pass-text]):before {
    content: "Não coincidem"
}

.progress.pwd-strenght[value="0"]:after {
    background-color: #d6001c;
    width: 100%
}

.progress.pwd-strenght[value="1"]:not([data-pass-text]):before {
    content: "Muito fraca"
}

.progress.pwd-strenght[value="1"]:after {
    background-color: #d6001c;
    width: 20%
}

.progress.pwd-strenght[value="2"]:not([data-pass-text]):before {
    content: "Fraca"
}

.progress.pwd-strenght[value="2"]:after {
    background-color: #d6001c;
    width: 50%
}

.progress.pwd-strenght[value="3"]:not([data-pass-text]):before {
    content: "Média"
}

.progress.pwd-strenght[value="3"]:after {
    background-color: #ff7f32;
    width: 60%
}

.progress.pwd-strenght[value="4"]:not([data-pass-text]):before {
    content: "Forte"
}

.progress.pwd-strenght[value="4"]:after {
    background-color: #00aa14;
    width: 75%
}

.progress.pwd-strenght[value="5"]:not([data-pass-text]):before {
    content: "Muito forte"
}

.progress.pwd-strenght[value="5"]:after {
    background-color: #00aa14;
    width: 100%
}

.progress.pwd-strenght[data-pass-text]:before {
    content: attr(data-pass-text)
}

.form-message {
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.form-message>div {
    position: relative;
    display: inline-block;
    text-align: center
}

.form-message>div p:last-child {
    margin-bottom: 0
}

.form-message>div p span {
    font-weight: 600
}

.form-message[data-type=alert] {
    background: #fff1e9
}

.form-message[data-type=error] {
    background: #fbe5e7
}

.form-message[data-type=success] {
    background: #e4f6e6
}

.form-message[data-type=info] {
    background: #e4f4f6
}

.form-message[data-type-icon=hide]>div:before {
    display: none
}

.form-message.inline[data-type=success] * {
    color: #00aa14
}

.form-message.inline[data-type=error] * {
    color: #d6001c
}

.form-message.inline[data-type=alert] * {
    color: #ff7f32
}

.form-message.inline[data-type=info] * {
    color: var(--color-main-3)
}

[data-error]:not([data-error=""]) {
    position: relative;
    display: block
}

[data-error]:not([data-error=""]) input,[data-error]:not([data-error=""]) textarea,[data-error]:not([data-error=""]) .form-checkbox span:before,[data-error]:not([data-error=""]) .select-ui-display,[data-error]:not([data-error=""]) .filebox-ui-display,[data-error]:not([data-error=""]) .numberbox-ui-container {
    border-color: #d6001c !important
}

[data-alert]:not([data-alert=""]) {
    position: relative;
    display: block
}

[data-alert]:not([data-alert=""]) input,[data-alert]:not([data-alert=""]) textarea,[data-alert]:not([data-alert=""]) .form-checkbox span:before,[data-alert]:not([data-alert=""]) .select-ui-display,[data-alert]:not([data-alert=""]) .filebox-ui-display,[data-alert]:not([data-alert=""]) .numberbox-ui-container {
    border-color: #ff7f32 !important
}

[data-success]:not([data-success=""]) {
    position: relative;
    display: block
}

[data-success]:not([data-success=""]) input,[data-success]:not([data-success=""]) textarea,[data-success]:not([data-success=""]) .form-checkbox span:before,[data-success]:not([data-success=""]) .select-ui-display,[data-success]:not([data-success=""]) .filebox-ui-display,[data-success]:not([data-success=""]) .numberbox-ui-container {
    border-color: #00aa14 !important
}

.form-dark.form-ui input:-webkit-autofill,.form-dark.form-ui input:-webkit-autofill:hover,.form-dark.form-ui input:-webkit-autofill:focus,.form-dark.form-ui input:-webkit-autofill:active,.form-dark.form-ui input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important
}

.form-dark.form-ui ::-webkit-input-placeholder {
    color: var(--color-neutral-light)
}

.form-dark.form-ui ::-moz-placeholder {
    color: var(--color-neutral-light);
    opacity: 1
}

.form-dark.form-ui :-moz-placeholder {
    color: var(--color-neutral-light);
    opacity: 1
}

.form-dark.form-ui :-ms-input-placeholder {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .form-ui-body+.form-ui-body {
    border-top-color: var(--color-neutral-4)
}

.form-dark.form-ui .form-ui-body-row .form-ui-item>p.notalabel,.form-dark.form-ui .form-ui-body-row .form-ui-item>p.notalabel a {
    color: var(--color-neutral-3)
}

.form-dark.form-ui .form-ui-body-row .form-ui-item>p.notalabel a:hover {
    color: #b0b2b5
}

.form-dark.form-ui .input-ui label:has(input[disabled]) span,.form-dark.form-ui .input-ui label:has(input[readonly]) span,.form-dark.form-ui .input-ui label:has(input[disabled]:not([value=""])[value]) span,.form-dark.form-ui .input-ui label:has(input[readonly]:not([value=""])[value]) span {
    color: var(--color-neutral-4) !important;
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4) !important
}

.form-dark.form-ui .input-ui label input[type=date]+span {
    color: var(--color-neutral-light) !important
}

.form-dark.form-ui .input-ui label input:focus+span,.form-dark.form-ui .input-ui label input:not([value=""])[value]+span {
    color: var(--color-neutral-light) !important
}

.form-dark.form-ui .input-ui label input[disabled] {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-4);
    -webkit-text-fill-color: var(--color-neutral-4)
}

.form-dark.form-ui .input-ui label span {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .form-ui-item.not-able .input-ui label:has(input:focus) span,.form-dark.form-ui .form-ui-item.not-able .input-ui label:has(input:not([value=""])[value]) span {
    color: var(--color-neutral-light) !important;
    -webkit-text-fill-color: var(--color-neutral-light) !important
}

.form-dark.form-ui .pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item {
    background-color: rgba(0,0,0,0);
    color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .pinbox-ui .pinbox-ui-wrapper .pinbox-ui-item.is-focused {
    border: 1px solid var(--color-main-3)
}

.form-dark.form-ui .pinbox-ui .pinbox-ui-wrapper.has-error .pinbox-ui-item {
    color: #d6001c;
    border: 1px solid #d6001c
}

.form-dark.form-ui .pinbox-ui .pinbox-ui-wrapper.has-alert .pinbox-ui-item {
    color: #ff7f32;
    border: 1px solid #ff7f32
}

.form-dark.form-ui .pinbox-ui .pinbox-ui-wrapper.is-disabled .pinbox-ui-item {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-4);
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list {
    border-color: var(--color-neutral-4)
}

.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a:focus,.form-dark.form-ui .textbox-ui.input-ui .textbox-ui-autocomplete ul.textbox-ui-autocomplete-list li.textbox-ui-autocomplete-item a:hover {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .datebox-ui.input-ui label input[disabled] {
    background: var(--color-neutral-2)
}

.form-dark.form-ui .textfield-ui.input-ui textarea {
    background: rgba(0,0,0,0);
    color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .textfield-ui.input-ui textarea:focus+span,.form-dark.form-ui .textfield-ui.input-ui textarea:not(:empty)+span,.form-dark.form-ui .textfield-ui.input-ui textarea:not([value=""])[value]+span {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .textfield-ui.input-ui textarea[readonly],.form-dark.form-ui .textfield-ui.input-ui textarea[disabled] {
    background: var(--color-neutral-2)
}

.form-dark.form-ui .textfield-ui.input-ui textarea[readonly]:not(:empty)+span,.form-dark.form-ui .textfield-ui.input-ui textarea[disabled]:not(:empty)+span {
    color: var(--color-neutral-4)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container {
    background-color: rgba(0,0,0,0);
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .numberbox-ui.input-ui .numberbox-ui-container .numberbox-ui-display {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-decrement:before,.form-dark.form-ui .numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-decrement:after,.form-dark.form-ui .numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-increment:before,.form-dark.form-ui .numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-increment:after {
    background-color: var(--color-neutral-4)
}

.form-dark.form-ui .numberbox-ui.input-ui input[type=range][disabled]~.numberbox-ui-container .numberbox-ui-display {
    color: var(--color-neutral-4)
}

.form-dark.form-ui .filebox-ui.input-ui:has(input[disabled]) .filebox-ui-label .filebox-ui-display {
    background: var(--color-neutral-2);
    color: var(--color-neutral-4)
}

.form-dark.form-ui .filebox-ui.input-ui:has(input[disabled]) .filebox-ui-label .filebox-ui-display .filebox-ui-placeholder {
    color: var(--color-neutral-4)
}

.form-dark.form-ui .filebox-ui.input-ui:has(input[disabled]) .filebox-ui-label .filebox-ui-display .filebox-ui-text {
    color: var(--color-neutral-4)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display {
    background: rgba(0,0,0,0);
    color: var(--color-neutral-light);
    border: 1px solid var(--color-neutral-4)
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-placeholder {
    color: var(--color-neutral-light) !important
}

.form-dark.form-ui .filebox-ui.input-ui .filebox-ui-label .filebox-ui-display .filebox-ui-content .filebox-ui-text {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .form-ui-item.not-able:has(input[disabled]) .filebox-ui-label .filebox-ui-display .filebox-ui-text {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .select-ui.input-ui select[disabled]+.select-ui-display {
    background: var(--color-neutral-2)
}

.form-dark.form-ui .select-ui.input-ui select[disabled]+.select-ui-display span,.form-dark.form-ui .select-ui.input-ui select[disabled]+.select-ui-display div {
    color: var(--color-neutral-4);
    -webkit-opacity: 1;
    -webkit-text-fill-color: var(--color-neutral-4)
}

.form-dark.form-ui .select-ui.input-ui select[disabled] .select-ui-arrow:before {
    border-color: var(--color-neutral-4)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-display .select-ui-placeholder {
    color: var(--color-neutral-light)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul+ul {
    border-top-color: var(--color-neutral-4)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul li.selected:not([data-disabled=true]) {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul li:not(.select-ui-option-list-category):not([data-disabled=true]):hover {
    background: var(--color-main-3);
    color: var(--color-neutral-light)
}

.form-dark.form-ui .select-ui.input-ui .select-ui-option-list ul li[data-disabled=true] {
    background-color: var(--color-neutral-5);
    color: var(--color-neutral-4);
    opacity: 1
}

.labels>li span {
    line-height: 1.2em;
    margin-bottom: 0
}

.labels>li span span.price-old {
    text-decoration: line-through;
    opacity: .5
}

.labels {
    margin: 5px 0px 5px;
    padding: 0
}

@media screen and (min-width: 960px) {
    .labels {
        margin: 7px 0px 7px
    }
}

.labels>li+li {
    margin-top: 2px
}

.labels sup {
    vertical-align: 5px;
    font-weight: 400
}

.labels>li>span {
    padding: 5px 15px;
    vertical-align: top;
    background-size: 100%;
    text-align: left
}

@media screen and (min-width: 960px) {
    .labels>li>span {
        padding: 7px 21px
    }
}

.labels>li.spot span.spot-text {
    padding: 0
}

.labels>li>span {
    color: var(--color-neutral-light)
}

.labels>li>span.label-color-new {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-new.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-new-alternative {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-new-alternative.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-promotion {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-promotion.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-promotion-alternative {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-promotion-alternative.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-sold-out {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-sold-out.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-1 {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-1.opaque {
    background-color: var(--color-main-3)
}

.labels>li>span.label-color-2 {
    color: var(--color-main-3);
    background-color: var(--color-neutral-light)
}

.labels>li>span.label-color-2.opaque {
    background-color: var(--color-neutral-light)
}

.labels>li>span {
    display: inline-block
}

.labels>li.spot span.spot-text~.spot-text:not(.price),.labels>li.spot span.spot-text.price-old {
    display: block
}

.labels>li.spot span.spot-text:not(.price-old)~.price {
    padding-left: 5px
}

ul.bullets {
    list-style: auto;
    padding: revert;
    margin: 0;
    padding-left: 21px
}

@media screen and (min-width: 960px) {
    ul.bullets {
        padding-left:21px
    }
}

ul.bullets>li {
    list-style-position: initial;
    list-style-type: disc
}

ul.bullets>li>ul {
    padding-left: 40px
}

@media screen and (min-width: 960px) {
    ul.bullets>li>ul {
        padding-left:42px
    }
}

ul.bullets>li>ul>li {
    list-style-type: none;
    position: relative
}

ul.bullets>li>ul>li:before {
    content: "-";
    position: absolute;
    left: -13px;
    top: 0
}

ol.bullets {
    list-style: auto;
    padding: revert;
    margin: 0;
    padding-left: 21px
}

@media screen and (min-width: 960px) {
    ol.bullets {
        padding-left:21px
    }
}

ol.bullets>li {
    list-style-type: decimal;
    list-style-position: initial
}

ol.bullets>li>ul {
    padding-left: 40px
}

@media screen and (min-width: 960px) {
    ol.bullets>li>ul {
        padding-left:42px
    }
}

ol.bullets>li>ul>li {
    list-style-type: none !important;
    position: relative
}

ol.bullets>li>ul>li:before {
    content: "-";
    position: absolute;
    left: -13px;
    top: 0
}

.block-help-support .link-holder {
    max-width: 1600px;
    padding: 0 30px;
    margin: auto;
    background: none !important
}

.block-help-support .link-holder ul {
    list-style: none;
    padding: 0;
    padding-left: 30px;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.block-help-support .link-holder ul li {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    padding: 0 30px;
    flex-shrink: 1;
    background: var(--color-neutral-light);
    flex-grow: 0
}

.block-help-support .link-holder ul li:nth-child(even) {
    margin-left: 20px;
    flex-basis: 50%;
    max-width: 50%
}

.block-help-support .link-holder ul li:nth-child(n+3) a {
    border-top: 1px solid var(--color-neutral-3)
}

.block-help-support .link-holder ul li a {
    padding: 23px 0;
    display: block;
    text-decoration: none
}

.block-help-support .link-holder ul li a:hover {
    text-decoration: none
}

.block-help-support .link-holder ul li a:after {
    font-family: "icons";
    content: "";
    line-height: 22px;
    font-size: 1.5em;
    vertical-align: top
}

.block-help-support .link-holder+.hyperlinks {
    margin-top: 50px;
    margin-bottom: 20px;
    justify-content: center
}

@media screen and (max-width: 1200px) {
    .block-help-support .link-holder ul {
        padding-left:7px
    }

    .block-help-support .link-holder ul li {
        flex: calc(50% - 15px);
        max-width: calc(50% - 15px);
        padding: 0 30px
    }

    .block-help-support .link-holder ul li:nth-child(even) {
        margin-left: 15px
    }
}

@media screen and (max-width: 767px) {
    .block-help-support .link-holder {
        padding:0 15px
    }

    .block-help-support .link-holder ul {
        padding-left: 0
    }

    .block-help-support .link-holder ul li {
        flex-basis: 100% !important;
        max-width: 100% !important;
        padding: 0 20px;
        margin-left: 0px !important
    }

    .block-help-support .link-holder ul li:nth-child(n+2) a {
        border-top: 1px solid var(--color-neutral-3)
    }

    .block-help-support .link-holder ul li a {
        font-size: 12px;
        padding: 15px 0
    }

    .block-help-support .link-holder+.hyperlinks {
        margin-top: 20px;
        margin-bottom: 10px
    }
}

.block-help-support .part {
    overflow: hidden
}

.block-help-support .links-holder {
    max-width: 1600px;
    padding: 0 15px;
    margin: auto;
    background: none !important
}

.block-help-support .links-holder>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-help-support .links-holder>ul>li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    box-shadow: 0px 7px 11px 0px rgba(var(--color-neutral-dark), 0.2)
}

.block-help-support .links-holder+.hyperlinks {
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center
}

.block-help-support .links-holder+.hyperlinks li:only-child {
    margin: 0
}

.block-help-support .links-holder>ul>li>ul.list-topics {
    list-style: none;
    padding: 0
}

.block-help-support .links-holder>ul>li>ul.list-topics>li {
    padding: 20px;
    position: relative;
    overflow: hidden
}

.block-help-support .links-holder>ul>li>ul.list-topics>li:after {
    content: " ";
    height: 1px;
    width: calc(100% - 40px);
    background-color: var(--color-neutral-3);
    position: absolute;
    bottom: 0;
    left: auto
}

.block-help-support .links-holder>ul>li>ul.list-topics>li:last-child:after {
    display: none
}

.block-help-support .links-holder>ul>li>ul>li a.wrp {
    display: block;
    text-decoration: none;
    position: relative
}

.block-help-support .links-holder>ul>li>ul>li a.wrp:hover {
    text-decoration: none
}

.block-help-support .links-holder>ul>li>ul>li a.wrp:after {
    font-family: "icons";
    content: "";
    font-size: 18px;
    line-height: .5;
    margin-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
    position: absolute;
    right: -15px;
    top: 8px
}

.block-help-support .links-holder>ul.block-collapse>li>ul.list-topics>li a.wrp:after {
    content: ""
}

.block-help-support .links-holder>ul.block-collapse>li>ul.list-topics>li .switcherOn a.wrp:after {
    content: "Ӆ"
}

.block-help-support .links-holder>ul>li>ul.list-topics>li>div:not(.collapse-content) {
    padding-right: 20px
}

.block-help-support .links-holder>ul>li>ul.list-topics>li>div.collapse-content {
    display: none
}

.block-help-support .links-holder>ul.block-collapse>li>ul.list-topics>li>div.collapse-content {
    display: block
}

.block-help-support .links-holder>ul>li>ul.list-topics>li .collapse-header.switcherOn {
    font-weight: 600
}

.block-help-support .links-holder>ul>li>ul.list-topics>li .collapse-content .wrp {
    padding: 10px 0 0
}

.block-help-support .links-holder>ul>li>ul.list-topics>li .collapse-content .wrp ul {
    margin: 0px 0 25px;
    list-style-type: disc
}

.block-help-support .links-holder>ul>li>ul.list-topics>li .collapse-content .wrp img {
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 960px) {
    .block-help-support .links-holder {
        padding:0 24px
    }

    .block-help-support .links-holder>ul>li {
        -ms-flex-preferred-size: calc(100% - 12px);
        flex-basis: calc(100% - 12px);
        max-width: calc(100% - 12px);
        margin: 0 6px
    }

    .block-help-support .links-holder>ul>li:first-child:nth-last-child(2),.block-help-support .links-holder>ul>li:first-child:nth-last-child(2)~li {
        flex-basis: calc((100% - 24px)/2);
        max-width: calc((100% - 24px)/2)
    }

    .block-help-support .links-holder>ul>li:first-child:nth-last-child(3),.block-help-support .links-holder>ul>li:first-child:nth-last-child(3)~li {
        flex-basis: calc((100% - 36px)/3);
        max-width: calc((100% - 36px)/3)
    }

    .block-help-support .links-holder>ul>li>ul.list-topics>li {
        padding: 25px
    }

    .block-help-support .links-holder>ul>li>ul.list-topics>li .collapse-content .wrp {
        padding: 25px 0 0
    }

    .block-help-support .links-holder>ul>li>ul.list-topics>li:after {
        width: calc(100% - 50px)
    }
}

body.overlay-active,body.modal-open,.modal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}

.block-overlay {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: top 0s linear .6s;
    z-index: 9999999
}

.block-overlay .part {
    background-color: rgba(0,0,0,0);
    transition: all .3s ease-out .4s;
    min-height: 100%;
    padding: 120px 10px 30px
}

@media screen and (min-width: 960px) {
    .block-overlay .part {
        padding: 168px 14px 42px
    }
}

.block-overlay .part .content-holder {
    position: relative;
    opacity: 0;
    max-width: 960px;
    width: 100%;
    margin: auto;
    transform: translateY(-140px);
    transition: all .3s ease-out .1s
}

.block-overlay .part .content-holder .close-overlay {
    position: absolute;
    cursor: pointer;
    transition: all .3s ease-out;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 50%;
    bottom: 100%;
    right: 0px;
    font-size: 1.2em;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: var(--color-main-3);
    color: var(--color-neutral-light);
    text-shadow: none;
    font-weight: normal;
    margin-bottom: 5px
}

@media screen and (min-width: 960px) {
    .block-overlay .part .content-holder .close-overlay {
        margin-bottom: 7px
    }
}

.block-overlay .part .content-holder .close-overlay:before {
    content: "р";
    font-family: "icons" !important
}

.block-overlay .part .content-holder .close-overlay:hover {
    background: #b0b2b5;
    color: var(--color-neutral-dark)
}

.block-overlay .part .content-holder>ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all .3s ease-out;
    left: 0;
    width: 100%;
    white-space: nowrap
}

@media screen and (min-width: 600px) {
    .block-overlay .part .content-holder>ul {
        position:static;
        white-space: normal
    }
}

.block-overlay .part .content-holder>ul>li {
    position: relative;
    display: inline-block;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    margin: auto;
    vertical-align: top;
    white-space: normal;
    transition: all .3s ease-out .1s
}

.block-overlay .part .content-holder>ul>li .image-holder img {
    width: 100%
}

.block-overlay .part .content-holder>ul>li .text-holder {
    padding: 50px 20px;
    white-space: normal;
    background-color: var(--color-neutral-light)
}

@media screen and (min-width: 960px) {
    .block-overlay .part .content-holder>ul>li .text-holder {
        padding: 70px 28px
    }
}

.block-overlay .part .content-holder>ul>li.active {
    position: relative;
    opacity: 1;
    z-index: 0
}

@media screen and (min-width: 600px) {
    .block-overlay .part .content-holder>ul>li {
        position:absolute;
        opacity: 0
    }
}

.block-overlay.active {
    overflow: auto;
    top: 0;
    transition-delay: 0s
}

.block-overlay.active .part {
    background-color: rgba(51,51,51,.85);
    transition-delay: 0s
}

.block-overlay.active .part .content-holder {
    transform: translateY(0px);
    transition-delay: .2s
}

.block-overlay.active .part {
    overflow: hidden
}

.block-overlay.active .part .content-holder {
    opacity: 1
}

.block-overlay.small-overlay .part .content-holder {
    max-width: 600px
}

.block-overlay.small-overlay .part .content-holder .nota {
    padding-top: 10px
}

@media screen and (min-width: 960px) {
    .block-overlay.small-overlay .part .content-holder .nota {
        padding-top: 14px
    }
}

.block-overlay .part .content-holder .close-overlay {
    font-size: 1.3em
}

.block-overlay .part .content-holder .close-overlay:before {
    margin-left: 1px
}

.modal {
    position: fixed;
    display: none;
    overflow: auto;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    background-color: rgba(51,51,51,.85) !important
}

.modal .modal-dialog.bl-overlay-video {
    margin-top: 0;
    margin-bottom: 0;
    padding: 120px 10px 30px;
    background: rgba(0,0,0,0);
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 960px) {
    .modal .modal-dialog.bl-overlay-video {
        padding: 168px 14px 42px
    }
}

.modal .modal-dialog.bl-overlay-video .content-holder {
    position: relative
}

@media screen and (min-width: 960px) {
    .modal .modal-dialog.bl-overlay-video .content-holder .wrap-cont iframe {
        height:480px !important
    }
}

.modal .modal-dialog.bl-overlay-video .content-holder .close {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    transition: all .3s ease-out;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 50%;
    bottom: 100%;
    right: 0px;
    font-size: 1.2em;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: var(--color-main-3);
    color: var(--color-neutral-light);
    text-shadow: none;
    font-weight: normal;
    margin-bottom: 5px
}

@media screen and (min-width: 960px) {
    .modal .modal-dialog.bl-overlay-video .content-holder .close {
        margin-bottom: 7px
    }
}

.modal .modal-dialog.bl-overlay-video .content-holder .close:before {
    content: "р";
    font-family: "icons" !important
}

.modal .modal-dialog.bl-overlay-video .content-holder .close:hover {
    background: #b0b2b5;
    color: var(--color-neutral-dark)
}

.block-navigation .navigation-menu {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.block-navigation .part {
    padding: 0px 0 30px
}

.block-navigation .navigation-menu ul {
    list-style: none;
    padding: 0;
    margin: auto;
    position: relative;
    display: block;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    width: 100%
}

.block-navigation .navigation-menu ul li {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-neutral-3);
    border-bottom: 2px solid var(--color-neutral-3);
    display: inline-block;
    margin-right: -6px;
    margin-bottom: 0
}

.block-navigation .navigation-menu ul li.active a,.block-navigation .navigation-menu ul li.active span {
    border-bottom-color: var(--color-neutral-dark);
    color: var(--color-neutral-dark)
}

.block-navigation .navigation-menu ul li:hover a,.block-navigation .part.txt-color-white .navigation-menu ul li:hover a,.block-navigation .part.txt-color-white .navigation-menu ul li.active:hover a {
    border-bottom-color: var(--color-main-3);
    color: var(--color-main-3)
}

.block-navigation .navigation-menu ul li a,.block-navigation .navigation-menu ul li span {
    padding: 15px 0px 10px;
    margin: 0 30px -2px;
    border-bottom: 2px solid var(--color-neutral-3);
    text-decoration: none;
    display: block;
    color: inherit;
    text-align: center;
    white-space: nowrap
}

.block-navigation .navigation-menu ul li a img,.block-navigation .navigation-menu ul li span img {
    margin-bottom: 20px
}

.block-navigation .navigation-menu ul li a:hover {
    color: var(--color-main-3)
}

.block-navigation .navigation-menu ul li p {
    font-size: 12px;
    font-weight: 600
}

.block-navigation .navigation-menu ul li:first-of-type {
    margin-left: 15px
}

.block-navigation .navigation-menu ul li:first-of-type a,.block-navigation .navigation-menu ul li:first-of-type span {
    margin-left: 0px
}

.block-navigation .navigation-menu ul li:last-of-type {
    margin-right: 15px
}

.block-navigation .navigation-menu ul li:last-of-type a,.block-navigation .navigation-menu ul li:last-of-type span {
    margin-right: 0px
}

.block-navigation .part.txt-color-white .navigation-menu ul li {
    color: var(--color-neutral-4);
    border-bottom: 2px solid var(--color-neutral-4)
}

.block-navigation .part.txt-color-white .navigation-menu ul li a,.block-navigation .part.txt-color-white .navigation-menu ul li span {
    border-bottom: 2px solid var(--color-neutral-4)
}

.block-navigation .part.txt-color-white .navigation-menu ul li.active a,.block-navigation .part.txt-color-white .navigation-menu ul li.active span {
    color: var(--color-neutral-light);
    border-bottom: 2px solid var(--color-neutral-light)
}

@media screen and (max-width: 991px) {
    .block-navigation .navigation-menu ul li a,.block-navigation .navigation-menu ul li span {
        margin:0 25px -2px;
        padding: 5px 0
    }
}

@media screen and (max-width: 767px) {
    .block-navigation .navigation-menu ul li a,.block-navigation .navigation-menu ul li span {
        margin:0 20px -2px;
        padding: 5px 0
    }

    .block-navigation .navigation-menu ul li a img,.block-navigation .navigation-menu ul li span img {
        width: calc(100% - 20px);
        height: auto;
        margin-bottom: 15px;
        image-rendering: -webkit-optimize-contrast
    }

    .block-navigation .navigation-menu ul li p {
        font-size: 10px
    }
}

@media screen and (max-width: 480px) {
    .block-navigation .navigation-menu ul li a,.block-navigation .navigation-menu ul li span {
        margin:0 25px -2px
    }
}

@media screen and (max-width: 480px) {
    .block-navigation .navigation-menu ul li a,.block-navigation .navigation-menu ul li span {
        margin:0 20px -2px
    }
}

[data-tooltip],.tooltip-container {
    position: relative
}

[data-tooltip]:has(button:not([aria-expanded=false])) .tooltip-box,.tooltip-container:has(button:not([aria-expanded=false])) .tooltip-box {
    overflow: visible;
    opacity: 1;
    visibility: visible
}

[data-tooltip]>.tooltip-box,[data-tooltip] .tooltip-container>.tooltip-box,.tooltip-container>.tooltip-box,.tooltip-container .tooltip-container>.tooltip-box {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

[data-tooltip]:hover>.tooltip-box,[data-tooltip] .tooltip-container:hover>.tooltip-box,.tooltip-container:hover>.tooltip-box,.tooltip-container .tooltip-container:hover>.tooltip-box {
    visibility: visible;
    opacity: 1;
    pointer-events: initial
}

[data-tooltip] .tooltip-icon,.tooltip-container .tooltip-icon {
    text-decoration: none;
    display: unset;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: inherit
}

[data-tooltip] .tooltip-icon:before,.tooltip-container .tooltip-icon:before {
    cursor: pointer
}

[data-tooltip] .tooltip-icon+.tooltip-box,.tooltip-container .tooltip-icon+.tooltip-box {
    position: absolute;
    bottom: 100%;
    transition: all .3s ease-out;
    white-space: initial;
    z-index: 99999;
    text-align: left;
    display: unset
}

[data-tooltip] .tooltip-icon+.tooltip-box:before,.tooltip-container .tooltip-icon+.tooltip-box:before {
    content: " ";
    position: absolute
}

[data-tooltip] .tooltip-icon+.tooltip-box[class*=bottom],.tooltip-container .tooltip-icon+.tooltip-box[class*=bottom] {
    top: 100%;
    bottom: auto
}

[data-tooltip] .tooltip-icon+.tooltip-box span,.tooltip-container .tooltip-icon+.tooltip-box span {
    position: initial;
    display: block;
    pointer-events: all;
    max-width: none;
    text-overflow: inherit
}

[data-tooltip]>.tooltip-icon+.tooltip-box span.left,.tooltip-container>.tooltip-icon+.tooltip-box span.left {
    text-align: left !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box span.center,.tooltip-container>.tooltip-icon+.tooltip-box span.center {
    text-align: center !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box span.center+img,.tooltip-container>.tooltip-icon+.tooltip-box span.center+img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

[data-tooltip]>.tooltip-icon+.tooltip-box span.right,.tooltip-container>.tooltip-icon+.tooltip-box span.right {
    text-align: right !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box span.right+img,.tooltip-container>.tooltip-icon+.tooltip-box span.right+img {
    float: right
}

[data-tooltip]>.tooltip-icon+.tooltip-box h6.center,.tooltip-container>.tooltip-icon+.tooltip-box h6.center {
    text-align: center !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box h6.center+img,.tooltip-container>.tooltip-icon+.tooltip-box h6.center+img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

[data-tooltip]>.tooltip-icon+.tooltip-box h6.left,.tooltip-container>.tooltip-icon+.tooltip-box h6.left {
    text-align: left !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box h6.right,.tooltip-container>.tooltip-icon+.tooltip-box h6.right {
    text-align: right !important
}

[data-tooltip]>.tooltip-icon+.tooltip-box h6.right+img,.tooltip-container>.tooltip-icon+.tooltip-box h6.right+img {
    float: right
}

[data-tooltip],.tooltip-container {
    font-size: 20px;
    width: 27px;
    height: 25px
}

[data-tooltip] .tooltip-icon:before,.tooltip-container .tooltip-icon:before {
    font-size: 27px;
    color: var(--color-neutral-5)
}

[data-tooltip] .tooltip-icon+.tooltip-box,.tooltip-container .tooltip-icon+.tooltip-box {
    right: -7px;
    background: var(--color-neutral-light);
    color: var(--color-neutral-dark);
    text-transform: none;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    border-radius: 4px;
    border: 1px solid var(--color-neutral-3);
    margin-bottom: 7px;
    padding: 10px;
    min-width: 200px;
    max-width: 200px
}

[data-tooltip] .tooltip-icon+.tooltip-box:before,.tooltip-container .tooltip-icon+.tooltip-box:before {
    content: " ";
    bottom: -6px;
    right: 15px;
    width: 10px;
    height: 10px;
    background: var(--color-neutral-light);
    transform: rotate(45deg);
    margin-top: 36px;
    border-bottom: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3)
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom,[data-tooltip] .tooltip-icon+.tooltip-box.bottom-left,.tooltip-container .tooltip-icon+.tooltip-box.bottom,.tooltip-container .tooltip-icon+.tooltip-box.bottom-left {
    margin-top: 10px;
    margin-bottom: 0
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom:before,[data-tooltip] .tooltip-icon+.tooltip-box.bottom-left:before,.tooltip-container .tooltip-icon+.tooltip-box.bottom:before,.tooltip-container .tooltip-icon+.tooltip-box.bottom-left:before {
    top: -6px;
    bottom: auto;
    border-top: 1px solid var(--color-neutral-3);
    border-bottom: none;
    border-left: 1px solid var(--color-neutral-3);
    border-right: none;
    margin-bottom: 36px;
    margin-top: 0;
    box-shadow: none
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom-center,.tooltip-container .tooltip-icon+.tooltip-box.bottom-center {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: auto;
    margin-top: 10px;
    margin-bottom: 0
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom-center:before,.tooltip-container .tooltip-icon+.tooltip-box.bottom-center:before {
    top: -6px;
    bottom: auto;
    border-top: 1px solid var(--color-neutral-3);
    border-bottom: none;
    border-left: 1px solid var(--color-neutral-3);
    border-right: none;
    margin-bottom: 36px;
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom-right,.tooltip-container .tooltip-icon+.tooltip-box.bottom-right {
    left: -7px;
    right: auto;
    bottom: auto;
    margin-top: 10px;
    margin-bottom: 0
}

[data-tooltip] .tooltip-icon+.tooltip-box.bottom-right:before,.tooltip-container .tooltip-icon+.tooltip-box.bottom-right:before {
    top: -6px;
    left: 15px;
    bottom: auto;
    border-top: 1px solid var(--color-neutral-3);
    border-bottom: none;
    border-left: 1px solid var(--color-neutral-3);
    border-right: none;
    margin-bottom: 36px;
    margin-top: 0
}

[data-tooltip] .tooltip-icon+.tooltip-box.top-right,.tooltip-container .tooltip-icon+.tooltip-box.top-right {
    left: -7px;
    right: auto
}

[data-tooltip] .tooltip-icon+.tooltip-box.top-right:before,.tooltip-container .tooltip-icon+.tooltip-box.top-right:before {
    right: auto;
    left: 15px
}

[data-tooltip] .tooltip-icon+.tooltip-box.top-center,.tooltip-container .tooltip-icon+.tooltip-box.top-center {
    left: 50%;
    transform: translateX(-50%);
    right: auto
}

[data-tooltip] .tooltip-icon+.tooltip-box.top-center:before,.tooltip-container .tooltip-icon+.tooltip-box.top-center:before {
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

[data-tooltip] .tooltip-icon+.tooltip-box span,.tooltip-container .tooltip-icon+.tooltip-box span {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    white-space: normal
}

[data-tooltip] .tooltip-icon+.tooltip-box h6,.tooltip-container .tooltip-icon+.tooltip-box h6 {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px
}

[data-tooltip] .tooltip-icon+.tooltip-box img,.tooltip-container .tooltip-icon+.tooltip-box img {
    max-width: 180px;
    margin-top: 5px
}

@media screen and (min-width: 960px) {
    [data-tooltip] .tooltip-icon+.tooltip-box img,.tooltip-container .tooltip-icon+.tooltip-box img {
        margin-top: 7px
    }
}

.box-content {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    flex-flow: row wrap
}

.box-content:not(.extra-large,.medium,.small) {
    max-width: 1319.3333333333px
}

@media screen and (min-width: 1200px) {
    .box-content.medium {
        max-width:1052.6666666667px
    }
}

@media screen and (min-width: 960px) {
    .box-content.small {
        max-width:786px
    }
}

@media screen and (min-width: 1200px) {
    .box-content.small {
        max-width:786px
    }
}

.box-content.justify-left {
    justify-content: flex-start
}

.box-content.justify-right {
    justify-content: flex-end
}

.box-content .box-card {
    position: relative;
    flex-grow: 1;
    width: 100%
}

.box-content .box-card .box-card-info:empty {
    display: none
}

.box-content>.box-full {
    width: 100%
}

@media screen and (min-width: 960px) {
    .box-content.cols-2 .box-card {
        max-width:calc(50% - 14px)
    }

    .box-content.cols-3 .box-card {
        max-width: calc(33.3333333333% - 14px)
    }

    .box-content.cols-4 .box-card {
        max-width: calc(25% - 14px)
    }
}

.box-content>.box-card {
    background: var(--color-neutral-light);
    padding: 10px 0px;
    margin: 10px
}

@media screen and (min-width: 960px) {
    .box-content>.box-card {
        padding: 14px 0px
    }
}

@media screen and (min-width: 960px) {
    .box-content>.box-card {
        margin:7px
    }
}

.box-content>.box-card .box-card-info {
    padding: 10px 20px
}

@media screen and (min-width: 960px) {
    .box-content>.box-card .box-card-info {
        padding: 14px 28px
    }
}

.box-content>.box-full {
    margin: 5px 0px
}

@media screen and (min-width: 960px) {
    .box-content>.box-full {
        margin: 7px 0px
    }
}

.box-content>.box-full:not(.box-card) .box-card-info {
    padding: 30px 15px
}

@media screen and (min-width: 960px) {
    .box-content>.box-full:not(.box-card) .box-card-info {
        padding: 42px 21px
    }
}

.steps {
    width: 100%
}

.steps ol {
    list-style: none;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
    padding: 0
}

.steps ol li {
    width: 1%;
    display: table-cell;
    text-align: center;
    vertical-align: top
}

.steps ol li>div.step-wrap {
    position: relative;
    display: block;
    text-decoration: none
}

.steps ol li>div.step-wrap .step-in {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.steps ol li>div.step-wrap .step-in .step-num {
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.steps ol li>div.step-wrap .step-in .step-step {
    display: block;
    font-weight: 400;
    letter-spacing: -0.04em
}

@media screen and (max-width: 768px) {
    .steps ol li>div.step-wrap:not(.step-active)>.step-in>span.step-step {
        display:none
    }
}

.steps ol li:last-child>.step-wrap:before {
    content: none
}

.steps ol li:not(:last-child)>div.step-wrap:before {
    content: " ";
    display: block;
    width: 100%;
    left: 50%;
    position: absolute
}

.steps {
    margin: 50px auto 20px;
    padding: 25px 0
}

@media screen and (min-width: 480px) {
    .steps {
        max-width:600px;
        margin: 20px auto 20px
    }
}

.steps ol {
    padding: 0;
    max-width: 600px
}

.steps ol li>div.step-wrap {
    color: var(--color-neutral-3)
}

.steps ol li>div.step-wrap .step-in .step-num {
    font-size: 30px;
    line-height: 50px;
    color: var(--color-neutral-3);
    background: var(--color-neutral-2);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin: 0 auto 5px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .steps ol li>div.step-wrap .step-in .step-num {
        height:40px;
        width: 40px;
        font-size: 18px;
        line-height: 40px
    }
}

.steps ol li>div.step-wrap .step-in .step-step {
    padding: 18px 2px 0;
    color: var(--color-neutral-3);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .steps ol li>div.step-wrap .step-in .step-step {
        font-size:12px;
        line-height: 14px
    }
}

.steps ol li>div.step-wrap.step-active .step-in .step-num {
    color: var(--color-neutral-3);
    background: var(--color-neutral-dark)
}

.steps ol li>div.step-wrap.step-active .step-in .step-step {
    color: var(--color-neutral-dark);
    font-weight: 600
}

.steps ol li>div.step-wrap.step-done:before {
    background: var(--color-neutral-2)
}

.steps ol li>div.step-wrap.step-done .step-in .step-num {
    background: var(--color-neutral-2);
    color: var(--color-main-2)
}

.steps ol li>div.step-wrap.step-done .step-in .step-step {
    color: var(--color-main-2);
    font-weight: 600
}

.steps ol li:not(:last-child)>div.step-wrap:before {
    top: 23px;
    background: none;
    height: 4px
}

.steps ol li:not(:last-child)>div.step-wrap.step-done:before {
    border-bottom: 4px solid var(--color-neutral-2)
}

@media screen and (max-width: 768px) {
    .steps ol li:not(:last-child)>div.step-wrap.step-done:before {
        top:18px;
        height: 4px;
        border-bottom: 3px solid var(--color-neutral-2)
    }
}

.steps ol li:not(:last-child)>div.step-wrap:not(.step-done):before {
    border-bottom: 4px dashed var(--color-neutral-2)
}

@media screen and (max-width: 768px) {
    .steps ol li:not(:last-child)>div.step-wrap:not(.step-done):before {
        height:3px;
        top: 18px;
        border-bottom: 3px dashed var(--color-neutral-2)
    }
}

@media screen and (max-width: 768px) {
    .steps ol li:not(:last-child)>div.step-wrap:not(.step-active)>.step-in>span.step-step {
        display:none
    }
}

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

h1,h2,h3 {
    margin-top: 0px;
    margin-bottom: 15px
}

@media screen and (min-width: 960px) {
    h1,h2,h3 {
        margin-top: 0px;
        margin-bottom: 21px
    }
}

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

@media screen and (min-width: 960px) {
    h4,h5,h6 {
        margin-top: 0px;
        margin-bottom: 14px
    }
}

h4 {
    font-weight: 600
}

p {
    margin-top: 0px;
    margin-bottom: 10px
}

@media screen and (min-width: 960px) {
    p {
        margin-top: 0px;
        margin-bottom: 14px
    }
}

.alert.alert-top {
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center
}

.alert.alert-top a {
    text-decoration: underline
}

.alert.alert-top a:hover {
    text-decoration: none;
    color: var(--color-neutral-dark)
}

.login-container header .top-bar .content-holder .left-content a.logo,div.login-container .box-title .image-holder .logo {
    display: block;
    height: 28px
}

.login-container header .top-bar .content-holder .left-content a.logo>img,div.login-container .box-title .image-holder .logo>img {
    max-width: 100%;
    max-height: 28px;
    margin: 0
}

div.login-container {
    width: 100%
}

div.login-container .box-title .image-holder {
    margin-bottom: 30px
}

@media screen and (min-width: 960px) {
    div.login-container .box-title .image-holder {
        margin-bottom: 42px
    }
}

div.login-container .box-title .image-holder img {
    margin-top: 20px;
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 960px) {
    div.login-container .box-title .image-holder img {
        margin-top: 28px
    }
}

div.login-container .box-title .icon-holder {
    margin: 0 auto
}

div.login-container .box-title .icon-holder [class*=icon-]:before {
    font-size: 4em
}

div.login-container .box-title .icon-holder+p {
    margin-top: 10px
}

@media screen and (min-width: 960px) {
    div.login-container .box-title .icon-holder+p {
        margin-top: 14px
    }
}

div.login-container>main {
    min-height: calc(100vh - 138px)
}

div.login-container .row .container {
    margin: auto;
    max-width: 1600px;
    padding-left: 14px;
    padding-right: 14px
}

div.login-container .row .container.large {
    max-width: 1200px
}

div.login-container .row .container.medium {
    max-width: 768px
}

div.login-container .row .container.small {
    max-width: 480px
}

div.login-container .space-top {
    padding-top: 30px
}

@media screen and (min-width: 960px) {
    div.login-container .space-top {
        padding-top: 42px
    }
}

div.login-container .space-bottom {
    padding-bottom: 30px
}

@media screen and (min-width: 960px) {
    div.login-container .space-bottom {
        padding-bottom: 42px
    }
}

div.login-container .space-both {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width: 960px) {
    div.login-container .space-both {
        padding-top: 42px;
        padding-bottom: 42px
    }
}

div.login-container .no-margin {
    margin: 0 !important
}

div.login-container .txt-align-left {
    text-align: left !important
}

div.login-container .txt-align-center {
    text-align: center !important
}

div.login-container .txt-align-right {
    text-align: right !important
}

div.login-container .bg-color-none {
    background-color: rgba(0,0,0,0) !important
}

div.login-container .bg-color-1 {
    background-color: var(--color-neutral-light) !important
}

div.login-container .bg-color-2 {
    background-color: var(--color-neutral-1)
}

div.login-container .bg-color-3 {
    background-color: var(--color-neutral-dark)
}

div.login-container .bg-color-4 {
    background-color: var(--color-neutral-2)
}

section.block-overlay.loading .part .content-holder .close-overlay {
    display: none
}

section.block-overlay.loading .part {
    pointer-events: none
}

.block-loading {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 40px
}

@media screen and (min-width: 960px) {
    .block-loading {
        padding-top: 28px;
        padding-bottom: 56px
    }
}

.block-loading:before {
    content: "";
    animation: rotating 1.5s linear infinite;
    -webkit-animation: rotating 1.5s linear infinite;
    position: absolute;
    z-index: 99;
    left: calc(50% - 18px) !important;
    top: calc(50% - 18px) !important;
    width: 36px !important;
    height: 36px !important;
    background: url(../images/loadingEPS.svg) 50% 50% no-repeat !important;
    background-size: cover !important
}

.precaptcha p {
    color: var(--color-neutral-5)
}

.precaptcha .show-me {
    display: none
}

.precaptcha .show-me a:hover {
    color: var(--color-neutral-dark)
}

.precaptcha .show-more {
    cursor: pointer
}

.precaptcha .show-more:hover {
    color: var(--color-neutral-dark)
}

.precaptcha.open .show-me {
    display: block
}

.precaptcha.open .show-more {
    display: none
}

.labels li {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300
}

.labels li>span {
    padding: 3px 10px
}

section.block-navigation .navigation-menu ul li {
    border-color: var(--color-neutral-4);
    color: var(--color-neutral-4)
}

section.block-navigation .navigation-menu ul li a {
    border-color: var(--color-neutral-4);
    padding-top: 10px
}

@media screen and (min-width: 960px) {
    section.block-navigation .navigation-menu ul li a {
        padding-top: 14px
    }
}

section.block-navigation .navigation-menu ul li p {
    margin: 0
}

section.steps {
    margin: 0 auto;
    padding: 0
}

.btn-text.btn-tiny {
    vertical-align: 2px
}

.input-ui input[type=number]::-webkit-outer-spin-button,.input-ui input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

ul.bullets {
    list-style: auto;
    padding: revert;
    margin: 0;
    padding-left: 21px
}

@media screen and (min-width: 960px) {
    ul.bullets {
        padding-left:21px
    }
}

ul.bullets>li {
    list-style-position: initial;
    list-style-type: disc
}

ul.bullets>li>ul {
    padding-left: 40px
}

@media screen and (min-width: 960px) {
    ul.bullets>li>ul {
        padding-left:42px
    }
}

ul.bullets>li>ul>li {
    list-style-type: none;
    position: relative
}

ul.bullets>li>ul>li:before {
    content: "-";
    position: absolute;
    left: -13px;
    top: 0
}

ol.bullets {
    list-style: auto;
    padding: revert;
    margin: 0;
    padding-left: 21px
}

@media screen and (min-width: 960px) {
    ol.bullets {
        padding-left:21px
    }
}

ol.bullets>li {
    list-style-type: decimal;
    list-style-position: initial
}

ol.bullets>li>ul {
    padding-left: 40px
}

@media screen and (min-width: 960px) {
    ol.bullets>li>ul {
        padding-left:42px
    }
}

ol.bullets>li>ul>li {
    list-style-type: none !important;
    position: relative
}

ol.bullets>li>ul>li:before {
    content: "-";
    position: absolute;
    left: -13px;
    top: 0
}

.login-container header {
    width: 100%;
    min-width: 320px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    background: var(--color-neutral-dark);
    color: var(--color-neutral-light)
}

.login-container header .top-bar {
    z-index: 2;
    position: relative;
    width: 100%;
    transition: all .2s ease-out
}

.login-container header .top-bar .content-holder {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.login-container header .top-bar .content-holder .left-content,.login-container header .top-bar .content-holder .right-content {
    display: flex
}

.login-container header .top-bar .content-holder .left-content {
    padding: 11px 28px
}

.login-container header .top-bar .content-holder .left-content a.logo:focus-visible {
    outline-color: #fff !important
}

.login-container header .top-bar .content-holder .right-content .user {
    padding: 4px 0px;
    font-size: 10px
}

.login-container header .top-bar .content-holder .right-content .user>span {
    display: none;
    color: #fff
}

.login-container header .top-bar .content-holder .right-content .user>a {
    margin-left: 5px;
    text-decoration: underline;
    color: #fff
}

.login-container header .top-bar .content-holder .right-content .user>a:hover {
    text-decoration: none;
    color: #fff
}

.login-container header .top-bar .content-holder .right-content .user>a:focus-visible {
    outline-color: #fff !important
}

.login-container header .top-bar .content-holder .right-content .language-selector {
    position: relative
}

.login-container header .top-bar .content-holder .right-content .language-selector a {
    font-size: 10px;
    line-height: 10px;
    color: var(--color-neutral-3);
    font-weight: 300;
    display: block;
    position: relative;
    padding: 10px 8px 10px 8px;
    width: 46px;
    text-transform: uppercase;
    text-decoration: none
}

.login-container header .top-bar .content-holder .right-content .language-selector a:hover,.login-container header .top-bar .content-holder .right-content .language-selector a:hover:before {
    text-decoration: none;
    color: #fff;
    font-weight: 300
}

.login-container header .top-bar .content-holder .right-content .language-selector a:before {
    position: absolute;
    line-height: 0;
    margin-left: 4px;
    font-size: 20px;
    top: 14px;
    left: 20px;
    color: var(--color-neutral-3)
}

.login-container header .top-bar .content-holder .right-content .language-selector a:focus-visible {
    outline-color: #fff !important
}

.login-container header .top-bar .content-holder .right-content .language-selector>div {
    overflow: hidden;
    padding: 0;
    transition: all .3s ease-out;
    position: absolute;
    top: 100%;
    z-index: 21;
    right: 0;
    width: 100%;
    background: #000
}

.login-container header .top-bar .content-holder .right-content .language-selector>div ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.login-container header .top-bar .content-holder .right-content .language-selector>div ul>li {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all .3s ease-out
}

.login-container header .top-bar .content-holder .right-content .language-selector>div ul>li a {
    padding: 12px 8px;
    font-size: 10px;
    display: block;
    color: #fff;
    font-weight: 300
}

.login-container header .top-bar .content-holder .right-content .language-selector>div ul>li a:hover {
    color: #fff;
    background: #747380
}

.login-container header .top-bar .content-holder .right-content .language-selector>div ul>li a:focus-visible {
    border: 1px solid #fff !important
}

.login-container header .top-bar .content-holder .right-content .language-selector.active>div ul>li {
    max-height: 100%;
    opacity: 1
}

.login-container header .top-bar .content-holder .right-content .language-selector.active>a {
    color: #fff
}

.login-container header .top-bar .content-holder .right-content .language-selector.active>a:before {
    transform: rotate(180deg);
    color: #fff
}

@media screen and (min-width: 600px) {
    .login-container header .top-bar .content-holder .right-content .language-selector a {
        width:71px;
        padding: 12px 8px 12px 8px
    }

    .login-container header .top-bar .content-holder .right-content .language-selector a:before {
        top: 16px;
        left: 25px
    }

    .login-container header .top-bar .content-holder .right-content .user {
        padding: 5px 20px;
        font-size: 12px
    }

    .login-container header .top-bar .content-holder .right-content .user>span {
        display: inline-block
    }
}

.login-container .box-content>.box-card {
    background: var(--color-neutral-2);
    position: relative;
    text-decoration: none
}

.login-container .box-content>.box-card .box-card-info {
    padding: 30px 10px 10px
}

@media screen and (min-width: 960px) {
    .login-container .box-content>.box-card .box-card-info {
        padding: 42px 14px 14px
    }
}

.login-container .box-content>.box-card .box-card-info .title-level-4 {
    font-weight: 600
}

.login-container .box-content>.box-card .box-card-info h2 a,.login-container .box-content>.box-card .box-card-info h3 a {
    text-decoration: none
}

.login-container .box-content>.box-card .box-card-info h2 a:hover,.login-container .box-content>.box-card .box-card-info h3 a:hover {
    color: var(--color-main-3)
}

.login-container .box-content>.box-card .box-card-info h4>span {
    font-weight: 300
}

.login-container .box-content>.box-card .box-card-info .text-height {
    line-height: 1.2em
}

@media screen and (min-width: 768px) {
    .login-container .box-content>.box-card .box-card-info .text-height {
        margin-bottom:0;
        min-height: 60px
    }
}

.login-container .box-content>.box-card .box-card-info .text-height [data-tooltip] {
    font-size: inherit;
    vertical-align: 1px
}

.login-container .box-content>.box-card .box-card-info p {
    margin-bottom: 20px
}

@media screen and (min-width: 960px) {
    .login-container .box-content>.box-card .box-card-info p {
        margin-bottom: 28px
    }
}

.login-container .box-content>.box-card .box-card-info .text-break {
    word-break: break-word
}

.login-container .box-content>.box-card .box-card-info .labels-holder {
    position: relative
}

.login-container .box-content>.box-card .box-card-info .labels-holder>ul.labels {
    position: absolute;
    top: -30px;
    right: 0px;
    margin: 0
}

@media screen and (min-width: 960px) {
    .login-container .box-content>.box-card .box-card-info .labels-holder>ul.labels {
        top:-40px
    }
}

.login-container .box-content>.box-card .box-card-info .image-holder {
    margin-bottom: 30px
}

@media screen and (min-width: 960px) {
    .login-container .box-content>.box-card .box-card-info .image-holder {
        margin-bottom: 42px
    }
}

.login-container .box-content>.box-card .box-card-info .image-holder img {
    max-width: 100%;
    height: auto
}

.login-container .box-content>.box-card .box-card-info .icon-holder {
    height: 30px;
    line-height: 26px;
    margin-bottom: 15px
}

@media screen and (min-width: 960px) {
    .login-container .box-content>.box-card .box-card-info .icon-holder {
        margin-bottom: 21px
    }
}

.login-container .box-content>.box-card .box-card-info .icon-holder [class*=icon-]:before {
    font-size: 3.8em
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color:before {
    width: 30px;
    height: 30px;
    min-height: 30px;
    background: url("../images/sprite_apps.svg") no-repeat top center;
    background-size: 30px auto;
    content: ""
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color.icon-facebook:before {
    background-position: center -150px
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color.icon-google:before {
    background-position: center -2730px
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color.icon-windows:before {
    background-position: center -2760px
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color.icon-instagram:before {
    background-position: center -210px
}

.login-container .box-content>.box-card .box-card-info .icon-holder .type-color.icon-linkedin:before {
    background-position: center -300px
}

.login-container .box-content>.box-card .box-card-info .hyperlinks {
    margin-bottom: 0
}

.login-container .side-codes {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.login-container .side-codes>li {
    width: 50%;
    margin-bottom: 10px
}

@media screen and (min-width: 960px) {
    .login-container .side-codes>li {
        margin-bottom: 14px
    }
}

.login-container .side-codes>li.used {
    text-decoration: line-through
}

.login-container .block-collapse {
    margin: 0;
    padding: 0;
    list-style: none
}

.login-container .block-collapse .off {
    height: 0 !important
}

.login-container .block-collapse .on {
    height: auto !important
}

.login-container .block-collapse .switcher {
    cursor: pointer
}

.login-container .block-collapse .collapse-content {
    overflow: hidden;
    transition: height .5s cubic-bezier(0.61, 0.01, 0.49, 1.01)
}

.login-container .block-collapse .collapse-content.on {
    display: contents
}

.login-container .block-collapse .collapse-content>div.wrp {
    display: inline-block
}

.login-container .login-social .block-collapse.hide-collapse .collapse-header {
    display: none
}

.login-container .login-social .block-collapse.hide-collapse .collapse-content.off {
    height: auto !important
}

.login-container .login-social .block-collapse {
    padding-top: 10px
}

@media screen and (min-width: 960px) {
    .login-container .login-social .block-collapse {
        padding-top: 14px
    }
}

.login-container .login-social .block-collapse .off {
    height: 50px !important
}

.login-container .login-social .block-collapse .hyperlinks {
    margin-top: 0
}

.login-container .login-social .block-collapse .turning+.collapse-header,.login-container .login-social .block-collapse .on+.collapse-header {
    height: 0
}

.login-container .login-social .block-collapse .collapse-header {
    text-decoration: none;
    height: 37px;
    transition: height .5s cubic-bezier(0.61, 0.01, 0.49, 1.01);
    overflow: hidden
}

.login-container .login-social .block-collapse .collapse-header .wrp {
    padding-top: 10px
}

@media screen and (min-width: 960px) {
    .login-container .login-social .block-collapse .collapse-header .wrp {
        padding-top: 14px
    }
}

.login-container .login-social .block-collapse .collapse-header .switcher,.login-container .login-social .block-collapse .collapse-header .switcherOff {
    font-size: 12px;
    text-decoration: underline
}

.login-container .login-social .block-collapse .collapse-header .switcher:hover,.login-container .login-social .block-collapse .collapse-header .switcherOff:hover {
    color: var(--color-main-3);
    text-decoration: none
}

.login-container .block-help-support .links-holder {
    padding: 0
}

.login-container .block-help-support .links-holder>ul>li {
    box-shadow: none
}

.login-container .block-help-support .links-holder>ul>li>ul>li a.wrp:focus {
    color: var(--color-neutral-dark)
}

.login-container .block-collapse.receber-codigo .switcherOn .btn-text.icon-seta-down:before {
    transform: rotate(180deg)
}

.login-container .block-collapse.receber-codigo .collapse-content p.sec {
    margin-top: 10px
}

@media screen and (min-width: 960px) {
    .login-container .block-collapse.receber-codigo .collapse-content p.sec {
        margin-top: 14px
    }
}

.login-container .site-info-box {
    width: 100%
}

.login-container .site-info-box .cookies-box {
    width: 100%;
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-dark) !important;
    overflow: hidden;
    border: none
}

.login-container .site-info-box .cookies-box.closing {
    max-height: 0
}

.login-container .site-info-box .cookies-box .content {
    max-width: 1600px;
    border: none;
    margin: auto;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column
}

@media screen and (min-width: 960px) {
    .login-container .site-info-box .cookies-box .content {
        padding: 14px
    }
}

.login-container .site-info-box .cookies-box .content p {
    color: var(--color-neutral-dark) !important;
    margin: 0
}

.login-container .site-info-box .cookies-box .content p a {
    text-decoration: underline;
    color: var(--color-neutral-dark) !important;
    text-transform: inherit
}

.login-container .site-info-box .cookies-box .content p a:hover {
    color: var(--color-main-3) !important
}

.login-container .site-info-box .cookies-box .content [class*=btn] {
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 10px
}

@media screen and (min-width: 960px) {
    .login-container .site-info-box .cookies-box .content [class*=btn] {
        margin-top: 14px
    }
}

@media screen and (min-width: 600px) {
    .login-container .site-info-box .cookies-box .content {
        flex-direction:row
    }

    .login-container .site-info-box .cookies-box .content p {
        padding-right: 20px
    }
}

@media screen and (min-width: 600px)and (min-width: 960px) {
    .login-container .site-info-box .cookies-box .content p {
        padding-right: 28px
    }
}

@media screen and (min-width: 600px) {
    .login-container .site-info-box .cookies-box .content [class*=btn] {
        margin-top:0px
    }
}

.login-container header.navigation-active .site-info-box {
    display: none
}

.login-container footer {
    background-color: #42414f;
    overflow: hidden
}

.login-container footer .content-holder {
    width: 100%;
    margin: auto;
    padding: 0 15px;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 960px) {
    .login-container footer .content-holder {
        padding-left:28px;
        padding-right: 28px
    }
}

.login-container footer .content-holder a,.login-container footer .content-holder a:hover {
    text-decoration: none
}

.login-container footer .content-holder ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.login-container footer .content-holder .footer-top {
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #747380;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

@media screen and (min-width: 960px) {
    .login-container footer .content-holder .footer-top {
        padding-top:28px;
        padding-bottom: 21px
    }
}

.login-container footer .content-holder .footer-top ul {
    margin-left: -10px
}

.login-container footer .content-holder .footer-top ul li {
    display: inline-block;
    text-align: right;
    margin-left: 10px;
    vertical-align: top
}

.login-container footer .content-holder .footer-top ul li p {
    color: var(--color-neutral-3);
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    line-height: 14px
}

.login-container footer .content-holder .footer-top ul li a {
    color: var(--color-neutral-3)
}

.login-container footer .content-holder .footer-top ul li a:hover {
    color: #fff;
    opacity: 1
}

.login-container footer .content-holder .footer-bottom {
    padding-top: 20px;
    padding-bottom: 30px;
    flex-wrap: wrap;
    display: block;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width: 960px) {
    .login-container footer .content-holder .footer-bottom {
        padding-top:28px;
        padding-bottom: 28px
    }
}

.login-container footer .content-holder .footer-bottom p {
    margin: 0;
    color: var(--color-neutral-3)
}

@media screen and (min-width: 480px) {
    .login-container footer .content-holder .footer-bottom {
        flex-wrap:nowrap;
        display: flex
    }
}

.login-container .labels li>span {
    padding: 3px 10px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 300
}

.login-container .labels li>span.label-mediumGray {
    background-color: #b0b2b5;
    color: #000
}

.login-container .labels li>span.label-green {
    background-color: #00aa14;
    color: #000
}

.block-overlay.active .part {
    background-color: rgba(var(--color-neutral-dark-root), 0.7)
}

.steps ol li>div.step-wrap .step-in .step-num {
    z-index: initial
}