:root {
    --u8: 8px;
    --u16: 16px;
    --u24: 24px;
    --u32: 32px;
    --primary: hsla(28, 40%, 56%, 1);
    --primaryHover: hsla(27, 32%, 45%, 1);
    --info: hsla(202, 100%, 50%, 1);
    --chartBlue: hsla(214, 56%, 55%, 1);
    --chartRed: hsla(359, 59%, 54%, 1);
    --success: hsla(153, 100%, 38%, 1);
    --warning: hsla(42, 92%, 51%, 1);
    --cMain: hsla(0, 0%, 20%, 1);
    --cMainHover: hsla(0, 0%, 31%, 1);
    --cEmph: #000;
    --cLight: #fff;
    --cLightHover: hsla(0, 0%, 51%, 1);
    --cSub: hsla(0, 0%, 51%, 1);
    --cSubHover: hsla(0, 0%, 31%, 1);
    --cBorder: hsla(0, 0%, 88%, 1);
    --cBorderDark: hsla(0, 0%, 20%, 1);
    --cDivider: hsla(0, 0%, 74%, 1);
    --bgGrey: hsla(220, 13%, 95%, 1);
    --bgDark: hsla(0, 0%, 11%, 1);
    --bgOnDark: hsla(0, 0%, 20%, 1);
    --bgDisabled: hsla(0, 0%, 88%, 1);
    --bgDisabledDark: hsla(0, 0%, 51%, 1);
    --bgDisabledDarkHover: hsla(0, 0%, 31%, 1);
    --bgHover: hsla(220, 13%, 95%, 1);
    --bgDarkHover: hsla(0, 0%, 16%, 1);
    --bgGreyHover: hsla(0, 0%, 88%, 1);
    --darkContrast: hsla(0, 0%, 74%, 1)
}

html:lang(bg),html:lang(cs),html:lang(da),html:lang(de),html:lang(es),html:lang(et),html:lang(fi),html:lang(fr),html:lang(hr),html:lang(hu),html:lang(it),html:lang(lt),html:lang(lv),html:lang(nl),html:lang(pl),html:lang(pt),html:lang(ro),html:lang(ru),html:lang(sk),html:lang(sl),html:lang(sv) {
    font-family: gilroy-full,Arial,Helvetica,sans-serif
}

html {
    font-family: gilroy-full,Arial,Helvetica,sans-serif
}

@font-face {
    font-family: gilroy;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-light-en.woff2) format("woff2");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-regular-en.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-bold-en.woff2) format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-extrabold-en.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-light-full.woff2) format("woff2");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-regular-full.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-bold-full.woff2) format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../../newAlotta/app-site-fonts/locales/gilroy-extrabold-full.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
}

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

abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,html,iframe,img,input,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,select,small,span,strike,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

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

* {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

html {
    height: 100%;
    width: 100%;
    font-weight: 400;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 16px;
    line-height: 1.5em;
    color: var(--cMain);
    text-rendering: optimizeSpeed
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin: 0 0 16px;
    color: var(--cEmph);
    font-weight: 800
}

.h1,h1 {
    font-size: 32px;
    line-height: 1.25em
}

.h2,h2 {
    font-size: 24px;
    line-height: 1.33em
}

.h3,h3 {
    font-size: 24px;
    line-height: 1.33em
}

.h4,.h5,.h6,h4,h5,h6 {
    font-size: inherit
}

ol,ul {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

table {
    width: 100%
}

table svg {
    display: block
}

mark {
    background-color: transparent;
    color: var(--primary)
}

button,input,select,textarea {
    font: inherit
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

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

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none;
    opacity: 0
}

a {
    font-weight: inherit;
    color: #bb8b62;
    text-decoration: none
}

dl {
    margin: 0
}

p {
    margin: 0 0 16px
}

b,strong {
    color: var(--cEmph)
}

.ske ul {
    list-style: disc
}

.ske ol {
    list-style: decimal
}

.flex,.flex-center-x,.flex-center-xy,.flex-center-y {
    display: flex
}

.flex-center-x,.flex-center-xy {
    justify-content: center
}

.flex-center-xy,.flex-center-y {
    align-items: center
}

.flex-center-xy {
    height: 100%
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-between {
    justify-content: space-between
}

.flex-start {
    align-items: flex-start
}

.flex-wrap {
    margin-left: calc(32px / -2);
    width: calc(100% + 32px);
    flex-wrap: wrap
}

[dir=rtl] .flex-wrap {
    margin-left: unset;
    margin-right: calc(32px / -2)
}

.c-lg-1,.c-md-1,.c-sm-1 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-2,.c-md-2,.c-sm-2 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-3,.c-md-3,.c-sm-3 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-4,.c-md-4,.c-sm-4 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-5,.c-md-5,.c-sm-5 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-6,.c-md-6,.c-sm-6 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-7,.c-md-7,.c-sm-7 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-8,.c-md-8,.c-sm-8 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-9,.c-md-9,.c-sm-9 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-10,.c-md-10,.c-sm-10 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-11,.c-md-11,.c-sm-11 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-lg-12,.c-md-12,.c-sm-12 {
    width: 100%;
    max-width: calc(100vw - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-1 {
    width: calc(100% / 12 * 1 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-2 {
    width: calc(100% / 12 * 2 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-3 {
    width: calc(100% / 12 * 3 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-4 {
    width: calc(100% / 12 * 4 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-5 {
    width: calc(100% / 12 * 5 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-6 {
    width: calc(100% / 12 * 6 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-7 {
    width: calc(100% / 12 * 7 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-8 {
    width: calc(100% / 12 * 8 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-9 {
    width: calc(100% / 12 * 9 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-10 {
    width: calc(100% / 12 * 10 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-11 {
    width: calc(100% / 12 * 11 - 32px);
    margin: 0 calc(32px / 2)
}

.c-xs-12 {
    width: calc(100% / 12 * 12 - 32px);
    margin: 0 calc(32px / 2)
}

.cc-wrapper,.wrapper {
    position: relative;
    overflow: hidden
}

.cc-wrap,.container {
    max-width: 1276px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

.cc-wrap--narrow,.container--narrow {
    max-width: 946px
}

.brick {
    margin-bottom: 24px
}

.brickSm {
    margin-bottom: 16px
}

.brickXs {
    margin-bottom: 16px
}

.gap,.gapLg,.gapMd,.gapSm,.gapXs {
    display: grid;
    align-content: flex-start;
    grid-auto-columns: 100%
}

.gapXs {
    gap: 8px
}

.gapSm {
    gap: 16px
}

.gapMd {
    gap: 16px
}

.gapLg {
    gap: 24px
}

.cc-box,.cc-boxLg,.cc-boxMd,.cc-boxSm,.cc-boxXl {
    --padBox: 16px;
    --radBox: 24px;
    padding: var(--padBox);
    border-radius: var(--radBox)
}

.cc-boxSm {
    --radBox: 16px
}

.cc-box__title {
    background: #000;
    color: #fff;
    display: block;
    margin: calc(-1 * var(--padBox));
    margin-bottom: var(--u16);
    padding: var(--u8) var(--u16);
    border-radius: var(--radBox) var(--radBox) 0 0
}

.section {
    padding: 48px 0
}

.section.black+.section.black,.section.grey+.section.grey,.section.white+.section.white {
    padding-top: 0
}

.scrollLine {
    display: grid;
    gap: 16px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    max-width: calc(100vw - 30px)
}

.grecaptcha-badge {
    display: none
}

.toTop {
    --color: var(--cEmph);
    display: none
}

.toTop:hover {
    --color: var(--cMainHover)
}

.scroll__none {
    -webkit-overflow-scrolling: auto;
    overflow: hidden!important
}

.cc-header {
    --headerBackground: var(--cLight);
    --headerHoverBackground: var(--bgHover);
    --headerFontColor: var(--cMain);
    --headerHoverFontColor: var(--cMainHover);
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background: var(--headerBackground);
    color: var(--headerColor);
    z-index: 33
}

.cc-header--fca .stickyBar {
    position: relative;
    padding: 0 var(--u16);
    max-height: 100vh;
    visibility: visible;
    opacity: 1
}

.cc-header--fca .stickyBar__wrap {
    flex-flow: column nowrap
}

.cc-header--fca .stickyBar .mainCookies,.cc-header--fca .stickyBar .riskWarn {
    line-height: 18px;
    font-size: 14px
}

.cc-header--fca .stickyBar .riskWarn__btn {
    display: none
}

.cc-header--fca .stickyBar .mainCookies {
    padding: 0 0 8px
}

.cc-header__wrap {
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: var(--u8) 0;
    z-index: 1
}

.cc-header__wrap>* {
    margin: 0 var(--u16)
}

.cc-header__btn {
    display: flex;
    padding: var(--u8);
    background: 0 0;
    border-radius: var(--u8);
    color: var(--headerFontColor)
}

.cc-header__btn:not(:first-child) {
    margin-left: var(--u16)
}

.cc-header__btn.cc-header__btn--back i,.cc-header__btn.cc-header__btn--burger i,.cc-header__btn.cc-header__btn--search i {
    margin-right: unset
}

.cc-header__btn.cc-header__btn--burger {
    padding: unset;
    line-height: 0;
    font-size: 0
}

.cc-header__btn--back {
    transform: scale(0)
}

.cc-header__btn--lng {
    text-transform: uppercase
}

.cc-header__btn i {
    position: relative;
    margin-right: var(--u8);
    width: var(--u24);
    height: var(--u24)
}

.cc-header__btn .cc-icons {
    position: absolute;
    left: 0;
    top: 0
}

.cc-header__btn .cc-icons--type2 {
    transform: scale(1.4);
    visibility: hidden;
    opacity: 0
}

.cc-header__btn .cc-icons--arrow {
    transform: rotate(180deg)
}

.cc-header__logowrap>:not(:last-child) {
    margin-right: var(--u16)
}

.cc-header__logo {
    --logoBg: var(--bgDark);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    width: 40px;
    height: 36px;
    background: var(--logoBg);
    border-radius: 0 0 50% 50%;
    font-size: 0;
    z-index: 1
}

.cc-header__useractions {
    position: relative
}

.user-logged .cc-header__login,.user-logged .cc-header__signup {
    display: none
}

.cc-header button {
    border: none
}

.cc-header .h3 {
    margin: 0 0 24px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.33em
}

.cc-logo {
    --logoColor: var(--cLight);
    max-width: 100%;
    fill: currentColor;
    color: var(--logoColor)
}

.cc-logo--short {
    max-width: 40px
}

.cc-toggleLicense {
    position: relative
}

.cc-toggleLicense__btn {
    position: relative;
    margin-left: 48px;
    padding: 4px 24px 4px 8px;
    max-width: 130px;
    background: var(--bgGrey);
    border-radius: var(--u8);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: end;
    line-height: var(--u16);
    font-size: 10px;
    color: var(--cSubHover);
    overflow: hidden
}

.cc-toggleLicense__btn:after {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--cSub);
    transform: translateY(-50%);
    content: ""
}

.cc-appsDownload {
    display: none
}

.cc-appsDownload__btn {
    grid-template-columns: repeat(2,1fr);
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    background: var(--cEmph);
    border: 0;
    border-radius: var(--u24)
}

.cc-appsDownload__icon {
    max-width: var(--u24);
    max-height: var(--u24);
    width: auto;
    height: auto
}

.cc-appsDownload p {
    font-size: 16px;
    line-height: 24px
}

.cc-appsDownload__dropdown,.cc-appsNav,.cc-langSwitch,.cc-nav,.cc-search,.cc-toggleLicense__dropdown,.topBanner,.userProfile {
    display: none
}

.cc-notification {
    position: relative;
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    gap: 8px;
    margin: 16px 0 8px;
    padding: 16px 8px;
    border-radius: 16px;
    background: #00a0ff;
    font-size: 13px;
    line-height: 16px;
    color: #fff
}

.cc-notification__content {
    display: flex;
    align-items: center
}

.cc-notification__icons {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cc-notification__close {
    color: inherit
}

.cc-notification svg {
    display: block
}

.cc-notification p {
    margin: 0;
    font-size: 13px;
    line-height: 16px
}

.cc-notification a {
    color: #fff;
    text-decoration: underline;
    z-index: 1
}

.cc-notification a:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .cc-boxWide {
        border-radius:0;
        margin-right: -16px;
        margin-left: -16px
    }
}